001_forEach와 map의 차이

 

바쁜 분들을 위한 결론

• forEach는 배열 요소를 하나씩 불러내 함수를 적용한 후 각각 내보낸다.
• map은 배열 요소를 하나씩 불러내 함수를 적용한 후 새로운 배열에 저장해 내보낸다.
• 즉 forEach는 배열 해체, map은 배열 재결합인 셈이다.

예제

// forEach

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

numbers.forEach(num => {
	console.log(num);
});

// 1
// 2
// 3
// 4
// 5

// map

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

const squared = arr.map(n => n * n);

console.log(squared);

// [1, 4, 9, 16, 25]

 

• 위 차이처럼 forEach는 배열의 요소들을 하나씩 불러내서 함수를 적용시킨 뒤 다시 배열에 넣는 작업을 하지 않는다. 그래서 배열에 넣고 싶다면 빈 배열을 만든 뒤 그 배열에 요소들을 push해주면 된다. 하지만 이렇게 하면 코드가 길어지기 때문에 각각 함수가 적용된 배열을 만들고자할 때는 map을 써주면 된다.

 

 

 

✍🏻   부족한만큼 틀린 정보가 담겨있을 수 있습니다.  틀린 부분이 있다면 언제든 댓글로 이야기해주세요!