JavaScript, 자바스크립트 Array.prototype.map() Method map 메서드란?

 

 

 

 

map() Method - 배열 내의 모든 요소에 각각 대하여 주어진 함수를 호출한 결과를 새로운 배열에 담아 반환

 

각 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만든다. undefined도 포함해서 처리하기 때문에 호출한 중간이 비어있는 경우, 동일한 인덱스를 빈 값으로 유지한다. 

 

 

기본 구문 

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

 

 

Parameters, 매개변수 

casllback - 새로운 배열 요소를 생성하는 함수 (세 가지 인수를 가짐) 

 

currentValue - 처리할 현재 요소

index (Optional) - 처리할 현재 요소의 인덱스 

arry (Optional) - map()을 호출한 배열

 

thisArg (Optional) - callback을 실행할 때 this로 사용되는 값 

 

 

 

 

예제1

배열 안의 값 * 2한 새로운 배열을 만들기 

const array = [1,2,3,4];

const map = array.map(x=>x*2);

console.log(map);

 

예제2

배열안의 값의 제곱근 구하기 (무엇을 제곱해야 해당 값이 나오는지 x * x = 1 -> x값) 

const array = [1,2,3,4];

const map = array.map(Math.sqrt);

console.log(map);