Js - forEach - map 함수

JavaScript에서 forEach와 map은 배열을 순회하고 각 요소에 대한 작업을 수행하는 데 사용되는 두 가지 메서드입니다.

forEach:
forEach 메서드는 배열의 각 요소에 대해 주어진 함수를 실행합니다. 이 메서드는 각 요소에 대해 콜백 함수를 호출하고, 해당 요소, 인덱스, 배열 자체에 대한 인수를 전달합니다. forEach는 반환 값이 없고, 반복 작업을 위해 주로 사용됩니다.

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

array.forEach(function(element, index, array) {
  console.log(element);  // 배열의 각 요소 출력
});

위의 예시에서 forEach 메서드는 array 배열의 각 요소에 대해 주어진 함수를 호출합니다. 함수는 각 요소를 콘솔에 출력합니다. 결과는 다음과 같이 될 것입니다:

1
2
3
4
5

map:
map 메서드는 배열의 각 요소에 대해 주어진 함수를 호출하고, 콜백 함수의 반환 값을 포함한 새로운 배열을 생성합니다. 기존 배열의 요소를 변경하지 않고 새로운 배열을 반환하기 때문에, map은 변형된 배열을 생성하는 데 주로 사용됩니다.

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

const newArray = array.map(function(element) {
  return element * 2;  // 각 요소를 2배로 곱한 값을 반환하여 새로운 배열 생성
});

console.log(newArray);  // [2, 4, 6, 8, 10]

위의 예시에서 map 메서드는 array 배열의 각 요소에 대해 주어진 함수를 호출하고, 각 요소를 2배로 곱한 값을 반환하여 새로운 배열 newArray를 생성합니다. newArray에는 [2, 4, 6, 8, 10]이 저장되어 있습니다.

요약하자면, forEach는 각 배열 요소에 대한 반복 작업을 수행하고 아무런 반환 값이 없으며, map은 각 배열 요소를 변형하여 새로운 배열을 생성합니다.