본문 바로가기

자바스크립트(JavaScript)54

[JavaScript] map() 과 filter() Array.prototype.map()map()은 Array.prototype에 정의된 함수이다. 따라서, 배열 객체에서만 사용할 수 있다. map() 메서드는  배열의 각 요소를 순회하며 콜백 함수를 적용한 결과를 모아 새로운 배열을 반환한다. 이때, map()은 새로운 배열로 복사하여 반환하기 때문에 원본 배열에 영향을 주지 않는다.map() 메서드의 기본형은 다음과 같다.//정의된 배열 arr에 map() 메서드를 적용let arr = [];arr.map(function(currentValue[, index[, array]]) { // 실행할 함수 로직;}[, thisArg]);형태별 구문 형식// 화살표 함수map((element) => { /* … */ })map((element[, ind.. 2025. 1. 2.
[JavaScript] Date 값을 일관되게 출력하기 내장객체 Date() 값을 받아 yyyy-mm-dd 형태의 문자열로 변환시켜보려고 한다. UTC 기준먼저, 협정 세계시(UTC)를 기준으로 계산할 것인지, 로컬 시간대로 계산 할 것인지에 따라 차이가 존재한다.UTC는 서버다 데이터 베이스에서 사용하는 표준시간대로, 로컬 시간대와 상관없이 UTC기준의 날짜와 시간을 제공한다.toISOString() 메서드를 통해 가져오거나 다음과 같은 UTC 메서드를 통해 가져올 수 있다. toISOString() 메서드가 ISO 8601 표준형식( 예: 2024-12-27T04:19:13.272Z )으로 UTC 시간을 반환하도록 설계되어있기 때문에 UTC 시간 기준으로 형식을 변환하는 것이라면 간단하게 다음과 같이 코드를 작성할 수 있다.const date = new .. 2024. 12. 27.
[JavaScript] 옵셔널 체이닝 " ?. " 옵셔널 체이닝(optional chaning)이란?옵셔널 체이닝은 ES2020(ECMAScript 2020)에서 정의된 표준 연산자이다.다른 연사자( +, - , *, /, .등)처럼 값을 평가하는 역할을 하는데, 옵셔널 체이닝은 객체나 속성에 접근할때 동작한다.옵셔널 체이닝을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다.옵셔널 체이닝 연산자(?.)는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고,연결된 객체 체인 내에 깊숙히 위치한 속성 값을 읽을 수 있다.?. 연산자는 . 체이닝 연산자와 유사하게 작동하지만 만약 참조가 nullish(null 혹은 undefined)라면 에러가 발생하는 대신 표현식의 리턴값을 undefined로 리턴한다. 따라서 참조가 누락될 가능성.. 2024. 12. 26.
[JavaScript] 정규 표현식, 정규식(Regular Expression) 정규 표현식(Regular Expression) 또는 정규식은 특정 문자 조합을 찾기 위한 패턴으로, 문자열에서 특정 패턴을 찾거나, 대체하거나, 분리하는데 사용된다.JavaScript에서 사용되는 정규식은 객체로서, 리터럴 표현으로 생성하거나 RegExp() 객체를 생성하여 사용할 수 있다.정규식 리터렬 표현은 /패턴/플래그 형식으로 구성되고, RegExp() 객체로 생성할 경우 new RegExp('패턴', '플래그')로 생성하여 사용된다.정규식 기본형 1. 정규식 리터럴 표현백슬러시( / )로 시작과 끝을 정의한다.백슬러시 사이에는 검색하고자 하는 패턴을 정의하고 뒤에 플래그를 붙여 동작 방식을 제어한다./패턴/플래그 2. 정규식 객체 생성RegExp 생성자를 사용하면 정규식 객체를 만들 수 있다... 2024. 12. 19.
[JavaScript] Number.isInterger() 정수인지 확인하기 Number.isInterger() 메서드를 사용하면 값이 정수인지 확인할 수 있다.Number.isInteger(value)대상 값이 정수 혹은 정수로 표현할 수 있는 부동 소수점 숫자면 true를 반환한다.정수가 아니거나, 값이 NaN 혹은 Infinity, 혹은 숫자가 아닌 다른 것인 경우 false를 반환한다.+) 아주 작은 값인 경우 정수로 표현된다.일부 숫자 리터럴은 정수가 아닌 것처럼 보이지만 실제로는 정수를 나타낼 때가 있다.ECMAScript 부동 소수점 숫자 인코딩의 정밀도 제한(IEEE-754)으로 인해 발생한 것이다.예를 들어 5.0000000000000001는 5와 1e-16만큼만 차이가 나며, 이는 너무 작아서 표현할 수 없다. (참고로, Number.EPSILON은 1과 1보다.. 2024. 12. 19.
[programmers - js] 모음 제거 / 정규표현식 캡처링, includes, replaceAll 나의 풀이function solution(my_string) { const arr = ['a', 'e', 'i', 'o', 'u']; for(let a of arr){ my_string = my_string.replaceAll(a, ''); } return my_string;} 다른 사람의 풀이정규표현식 캡처링 / replacefunction solution(my_string) { return my_string.replace(/[aeiou]/g, '');}​includes는 배열 메소드이자 문자열 메소드function solution(my_string) { return Array.from(my_string).filter(t => !['a', 'e', 'i', .. 2024. 12. 16.

티스토리툴바