[Javascript] - 자바스크립트 Array.prototype.map 사용법

#자바스크립트 Array.prototype.map 사용법

 

 

-map 메서드는 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다.

 

-예시

const numbers = [1, 2, 3];

const roots = numbers.map(item => item + 1);

console.log(roots); // [2, 3, 4]

console.log(numbers); // [1, 2, 3]

 

 

#map 메서드는 콜백 함수를 호출하면의 3개(요소값, 인덱스, this)의 인수를 전달한다.

 

-예시

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

numbers.map((item, index, arr) => {
    console.log(`요소값: ${item}, 인덱스: ${index}, this: ${JSON.stringify(arr)}`);
    return item;
});

/*
요소값: 1, 인덱스: 0, this: [1,2,3,4,5]
요소값: 2, 인덱스: 1, this: [1,2,3,4,5]
요소값: 3, 인덱스: 2, this: [1,2,3,4,5]
요소값: 4, 인덱스: 3, this: [1,2,3,4,5]
요소값: 5, 인덱스: 4, this: [1,2,3,4,5]
*/