map()
배열 내의 각각의 요소에 호출해서 그 값을 변환 할 수 있게 해줍니다.
array.map(callbackFunction(currenValue, index, array), thisArg)
callback
:각 요소에 대해 실행할 함수.
currentValue
:처리할 현재 요소.
index
:처리할 현재 요소의 인덱스.
array
: forEach()
를 호출한 배열.
thisArg
: callback
을 실행할 때 this
로 사용할 값.
배열 안에 각각의 값을 추가하는 예제
const days = ["Mon", "Tue", "Wed", "Thus", "Fri"];
const smilmingDays = days.map((el) => `${el}day`);
console.log(smilmingDays);
//[ 'Monday', 'Tueday', 'Wedday', 'Thusday', 'Friday' ]
days 안에 있는 모든 요일에 function을 실행하고 그 값을 day
을 추가하여 새로운 배열을 나타내준다.
기존 배열 값에 *2 한 배열을 추가하는 예제
var numbers = [ 1,2,3,4,5,6,7,8,9];
var newNumbers = numbers.map(number =>number *2);
console.log(newNumbers);
//[ 2, 4, 6, 8, 10, 12, 14, 16, 18 ]