Array.prototype.map

Array.prototype.map

1. 자신이 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다. 그리고 콜백 함수의 반환값들로 구성된 새로운 배열을 반환한다.
2. 원본 배열은 변경되지 않는다.

const number = [1, 4, 9];

const roots = number.map(item => Math.sqrt(item)); // Math.sqrt 제곱근(루트)구하기

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

map 메서드가 생성하여 반환하는 새로운 배열의 length는 map을 호출한 배열의 length와 반드시 일치한다.

즉, map 메서드를 호출한 배열과 map 메서드가 생성하여 반환한 배열은 1:1 매핑한다.

map 메서드는 콜백 함수를 호출할 때 3개의 인수, 즉 map 메서드를 호출한 배열의 요소값과 인덱스

그리고 map 메서드를 호출한 배열(this)을 순차적으로 전달한다.

[1, 2, 3].map((item, index, arr)=>{
	console.log(`요소값: ${item}, 인덱스: ${index}, this: ${arr}`
	return item;
});

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