[JavaScript] array map함수

map( )

---

함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만듭니다.

구문

---

arr.map(callback(currentValue[, index[, array]])[, thisArg])

callback함수는 currentValue, index, array 3가지 인수를 갖습니다.

- currentValue : 배열 내 처리할 현재 값

- index : 배열 내 처리할 현재 값의 인덱스

- array : map( )을 호출한 배열

예시

---

const array = [1, 2, 3, 4, 5];
 
const result = array.map(function(current, index, array){
    console.log(current);
    console.log(index);
    console.log(array);
    return current*2;
});
 
console.log(result);

결과

---

반환 값 current * 2으로 인해 새로운 배열 [2, 4, 6, 8, 10]이 만들어졌습니다.

참고문서 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map