map에 대해 알아보기

map() 메서드의 기본 문법

const newArray = array.map(callback(element[, index[, array]])[, thisArg])

• callback: 배열의 각 요소에 대해 호출할 함수입니다. 이 함수는 3개의 매개변수를 가질 수 있습니다.
• element: 현재 처리 중인 배열의 요소.
• index : 현재 처리 중인 요소의 인덱스.
• array : map()을 호출한 배열 자체.
• thisArg : callback 함수 내부에서 사용할 this 값입니다.

map() 메서드의 동작 방식

• map() 메서드는 원본 배열의 각 요소에 대해 callback 함수를 한 번씩 호출합니다.

• callback 함수가 반환한 값들이 모인 새로운 배열을 반환합니다.

• 원본 배열은 변하지 않습니다.

예시

let oldArr = ["1", "2", "3", "4"];
let newArr = oldArr.map(Number);

다음과 같이 map method로 Number 함수를 각 원소마다 실행시켜주면 각각의 문자열들이 숫자로 변환된다.

중요한 점

• 불변성: map() method는 원본 배열을 수정하지 않고, 항상 새로운 배열을 반환합니다.

• 항상 같은 길이의 배열 반환: map() method는 원본 배열과 동일한 길이의 배열을 반환합니다.