[javascript] 자바스크립트 배열 array 유용한 함수 map

1. Array map 함수

map() 메서드는 배열 안의 모든 값에 대하여 주어진 함수를 실행하고 실행한 결과 값을 새로운 배열로 반환합니다.

let array1 = [1, 2, 3, 4, 5];
 
let array2 = array1.map(x => x*x);
 
console.log(array1);
// output: [1, 2, 3, 4, 5]
 
console.log(array2);
// output: [1, 4, 9, 16, 25]

2. Array map 문법

Array.map(callback(currentValue[, index[, array]]))

Parameter	Description
currentValue	(required)  처리할 배열의 현재 요소
index	(optional)  현재 처리중인 배열의 인덱스
array	(optional)  전체 배열

let array1 = [1, 2, 3, 4, 5];
 
let array2 = array1.map((x, index, arr) => {
    console.log(x, index, arr);
    // output: 1, 0, [1, 2, 3, 4, 5]
    // output: 2, 1, [1, 2, 3, 4, 5]
    // output: 3, 2, [1, 2, 3, 4, 5]
    // output: 4, 3, [1, 2, 3, 4, 5]
    // output: 5, 4, [1, 2, 3, 4, 5]
    return x*x;
});
 
console.log(array1);
// output: [1, 2, 3, 4, 5]
 
console.log(array2);
// output: [1, 4, 9, 16, 25]

3. Array map 예제보기

4. 관련 링크

javascript array to string 배열을 문자열로 변경 join 함수

[javascript] 자바스크립트 array 배열

[javascript] 자바스크립트 배열 추가 삭제 array 다루기

[javascript] 문자열 자르기, split, split()