map - 자바스크립트

map() 메소드는 배열의 모든 요소에 대해 지정된 함수를 호출하여 새로운 배열을 만듭니다.

map()은 기존 배열을 변경하지 않으며, 새로운 배열을 반환합니다. 이때 반환되는 새로운 배열은 기존 배열과 동일한 길이를 가지며, 각 요소는 함수에 의해 변환된 값으로 채워집니다.

array.map(function(currentValue, index, array) {
    // 변환 작업 수행 후 반환
});

map() 메소드의 인자는 콜백 함수(callback function)입니다. 이 함수는 배열의 각 요소마다 실행되며, 다음과 같은 매개변수를 받습니다.

• currentValue: 현재 처리 중인 요소의 값
• index: 현재 처리 중인 요소의 인덱스
• array: map() 메소드를 호출한 배열

콜백 함수는 기존 배열의 요소를 변환하여 반환합니다. 이때 반환된 값은 새로운 배열의 요소로 채워집니다.

map()의 반환값은 변환된 요소가 채워진 새로운 배열입니다. 이 배열은 기존 배열과는 다른 참조를 가지며, 원래의 배열이 변경되지 않습니다.

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

const multipliedNumbers = numbers.map(function(number) {
    return number * 2;
});

console.log(multipliedNumbers); // [2, 4, 6, 8, 10]

위 코드에서 numbers 정수배열이 있을때 배열의 각 요소에 2를 곱한 새로운 배열을 만들기 위해서는 다음과 같이 map() 메소드를 사용할 수 있습니다. map() 메소드를 사용하여 numbers 배열의 각 요소를 2배로 곱한 새로운 배열 multipliedNumbers를 생성합니다.