[JS] map() 함수

yuna·2023년 4월 6일
1

javascript

목록 보기
3/10
  • map() : 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

1. for문과 map() 비교

array1 배열의 각각의 인덱스 값에 2를 곱한 값을 map1에 담아보겠습니다.

1-1. for문은 array1 배열의 값을 map1 에 하나씩 담아오는 개념입니다.

const array1 = [1, 4, 9, 16];
const map1 = [];

for(let i=0; i<array1.length; i++) {
	map1.push(array1[i] * 2);
}

console.log(map1);

->
[2, 8, 18, 32];

1-2. map()은 callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만듭니다. (자동으로 반복문을 돌려 값을 빼도록 해주는 느낌)

const array1 = [1, 4, 9, 16];

// 기존 함수
const map1 = array1.map(function(x) {
  return x * 2
});

// 화살표 함수
const map2 = array1.map(x => x * 2);

console.log(map1);
console.log(map2);

->
[2, 8, 18, 32];

0개의 댓글