forEach 대 지도 메소드 자바스크립트

forEach 및 map 메소드는 모두 배열을 반복하는 데 사용되지만 목적이 다르고 동작도 다릅니다.

1.방법별

forEach 메서드는 배열의 각 요소를 반복하는 데 사용됩니다. 새로운 배열을 생성하지 않습니다. 대신 기존 배열의 요소를 직접 수정합니다.

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

numbers.forEach(function(number) {
  console.log(number * 2);
});

// Output:
// 2
// 4
// 6
// 8
// 10

forEach는 새로운 배열을 생성할 필요 없이 배열의 각 요소를 반복하는 것이 목적일 때 사용됩니다.

2. 지도 방법

반면에 맵 메소드는 배열의 각 요소를 반복하는 데에도 사용되지만 원래 배열을 변경하지 않고 수정된 새 배열을 반환할 수 있습니다

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

const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]

새로운 수정된 배열을 반환하는 것이 목적일 때 사용되는 맵 메소드

요약:

• 배열을 반복하고 새 배열을 만들지 않고 각 요소에 대해 부작용이나 작업을 수행하려는 경우 forEach를 사용하세요.

• 배열을 반복하고, 함수를 사용하여 해당 요소를 변환하고, 변환된 값으로 새 배열을 생성하려면 맵을 사용하세요.

참고:- 두 메서드 모두 배열의 각 요소에 대해 반복되므로 제공된 함수가 각 요소에 대해 실행된다는 점을 기억하세요. 가장 큰 차이점은 각 방법을 사용하는 목적과 결과에 있습니다.

위 내용은 forEach 대 지도 메소드 자바스크립트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!