[js 메서드] 배열.map()

JavaScript에서 map() 메소드는 배열에 적용되며, 배열의 각 요소를 순서대로 함수로 가공하여 새로운 배열을 반환하는 메소드입니다.

 

map() 메소드는 함수를 인수로 받습니다.

이 함수는 배열의 각 요소에 대해 호출되며 각 요소를 변환하고 새로운 배열에 삽입합니다.

map() 메소드는 원래 배열을 변경하지 않고 새로운 배열을 생성합니다.

 

map() 메소드는 다음과 같은 구문으로 사용할 수 있습니다.

arr.map(callback[, thisArg])

여기서 arr은 배열이고 callback은 각 요소에 대해 호출될 함수입니다.

thisArg 매개변수는 선택적이며 callback 함수에서 this 값을 지정하는 데 사용됩니다.

callback 함수는 다음과 같은 매개변수를 가집니다.

• currentValue: 현재 처리되고 있는 요소
• index: 현재 처리되고 있는 요소의 인덱스
• array: map() 메소드가 호출된 배열

callback 함수에서는 요소를 변환하여 반환할 수 있습니다.

map() 메소드는 모든 요소에 대해 callback 함수를 호출하고 반환된 값을 새로운 배열에 삽입합니다.

예를 들어, 다음과 같은 배열이 있다고 가정해 봅시다.

const numbers = [1, 2, 3, 4, 5];

다음과 같이 map() 메소드를 사용하여 각 요소를 제곱한 새로운 배열을 만들 수 있습니다.

const squaredNumbers = numbers.map((number) => {
  return number ** 2;
});

console.log(squaredNumbers); // [1, 4, 9, 16, 25]

callback 함수는 number 매개변수를 가지며 각 요소를 제곱한 값을 반환합니다.

squaredNumbers 배열에는 원래 배열 numbers의 각 요소를 제곱한 값이 포함됩니다.

 

* 함수 인자 중 []로 묶인 부분은 선택적인 요소로, 반드시 포함되어야 하는 것은 아님을 의미합니다.

 

출처: chatGPT