23.4.12

공식문서를 먼저 보긴 했는데.. 번역투라서 그런지 잘 못 알아듣겠어서 검색을 좀 더 해봤다. 좋은 블로깅 자료들 이것 저것 읽어보며 내 언어로 만들어보기로 했다.

forEach와 map을 다시 알아보자

forEach

• 개념 : 배열의 각 요소에 대해 주어진 함수를 호출. 이 함수는 배열을 반복하면서 각 요소에 대해 주어진 함수를 호출하며, 이때 인덱스와 함께 요소값을 전달. forEach 함수는 배열을 수정하지 않으며, 단순히 반복하면서 함수를 호출하는 역할.
• 함수형 프로그래밍이 그 유래
• 자바스크립트 사용 예시

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

numbers.forEach((number) => {
  sum += number;
});

console.log(sum); 
// 15
// 새로운 배열을 만드는게 아니라 기존 배열을 순회한다.

map

• 개념 : 배열의 각 요소에 대해 주어진 함수를 호출하여 그 결과로 새로운 배열을 생성
• 유래 : (by CTO님) 함수에서 값을 mapping한다는 걸 생각해보면 그 유래를 생각해볼 수 있다.

• 함수형 프로그래밍이 그 유래

• 자바스크립트에서 사용 예시

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num ** 2);
console.log(squaredNumbers); 
// [1, 4, 9, 16, 25]
// 새로운 배열 완성

뭐를 어떨 때 왜 쓰는가?

• forEach를 써야 할 때 : 반환값이 없으며, 함수 내부에서 어떤 작업을 수행하기 위해 사용할 때.

  리턴 값이 없으니까

• map을 써야 할 때 : 쉽게 말해 뭔가 새로운 값을 리턴해야할 때.