[JavaScript]-map 함수 사용 방법

Array.prototype.map()의 정의

Array.prototype.map()는 메서드는 배열(Array) 내의 모든 요소에 대해 각각 함수를 적용하고, 그 결과를 새로운 배열로 반환한다.

 

map() 메서도 사용방법

1) arr.map(callback(value))

- map 메서도의 기본 사용법이며, 인자로 callback 함수를 받는다.

map() 사용법 1

실행 결과

 

2) arr.map(callback(value, index))

- map 메서도의 인자로 처리할 현재 요소, 처리한 현재 요소의 인덱스를 인자로 받아 처리 후 새로운 배열로 반환

map() 사용법 2

실행 결과

 

반응형

 

3) arr.map(callback(value, index, array))

- map 메서도의 인자로 처리할 현재 요소, 처리한 현재 요소의 인덱스, 원본 배열을 인자로 받아 처리 후 새로운 배열로 반환

map() 사용법 3

실행 결과

 

map() 메서드는 callback 함수를 각각의 요소에 한 번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다.
callback 함수는 (undefined도 포함해서) 배열 값이 들어있는 인덱스에 대해서만 호출한다.
즉, 값이 삭제되거나 아직 값이 할당되지 않은 인덱스에 대해서는 호출되지 않는다.

 

 

---

전체소스

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

const array2 = array1.map((x, i, array)=>{

    console.log( `처리할 현재 요소: ${x}, 처리한 현재 요소의 인덱스: ${i}, 원본 배열: ${array[i]}` );

    return x * x;

});

console.log( array2 );