map() in JavaScript

wkdgusrhkd·2021년 2월 16일
0

JAVASCRIPT

목록 보기
5/7
post-thumbnail

map() 함수에 대해 알아보자.

const days = ['mon', 'tue', 'wed', 'thur', 'fri']

const smilingDays = days.map(day => console.log(day)

console['mon', 'tue', 'wed', 'thur', 'fri']가 출력.

console.log(smilingDays)를 하면? undefined가 출력된다. 값을 return해주지 않았기 때문.

만약, const smilingDays = days.map(day => '😀 ${day}' 를 해 준다면?

console.log(smilingDays)를 했을 때, 새로운 배열이 출력 됨. 값을 return해 준 경우이니까.


param을 추가할 수 있음.

const smilingDays = days.map((day, index) => `#{index}` `😀 ${day}`)

index와 함께 각각의 day가 출력됨.

함수를 정의하고 이를 콜백 해줄 수 있음.

const addSmile = (day, index) => `#{index}` `😀 ${day}`

const smilingDays = days.map(addSmile)

↑ 요런 식으로 ↑


내장 함수를 써본다면?

const numbers = [1, 4, 9, 16, 25]
console.log(numbers.map(Math.sqrt))
console.log(numbers.map(number => Math.pow(number, number)))
profile
프론트!

0개의 댓글