티스토리 뷰

자바스크립트에서 .map()이란?

: 어떤 배열(Array) 요소 하나하나에 map(function)에 정의한 function을 적용하고 나온 결과값들로 배열을 리턴해준다.

작성법

array.map(value => {
	...statement
    return ~
})

예시

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

friends.map(current => {
	console.log(current);
	return 0
})

위의 결과는 1, 2, 3, 4를 차례대로 console에 찍어주고 [0, 0, 0, 0]을 리턴한다

 

정리

array.map()은 ()안에 함수를 하나 정의하며 해당 함수를 array각각의 요소에 적용한다.

최종적으로, 적용 된 결과들의 배열을 리턴해준다 (위의 예시에서는 1, 2, 3, 4라는 요소에 map에 

정의한 function이 적용되어 console에 각각 요소가 찍히고 0을 리턴해주었다)

 

map takes a function and apply the function to each item of the array and it makes an array

 

with the result of each operation (this time the operation is "return 0")

보너스

map()에 정의한 함수에서 return을 해주지 않으면 요소를 전부 undefiend로 바꾼다.

 

 

 

 

댓글