>  기사  >  웹 프론트엔드  >  JavaScript에서 map()과 Reduce()의 차이점은 무엇입니까?

JavaScript에서 map()과 Reduce()의 차이점은 무엇입니까?

不言
不言원래의
2019-01-09 11:53:445108검색

map()과 Reduce()는 모두 배열을 처리할 수 있는 방법이지만 사용법이 약간 다릅니다. 가장 큰 차이점은 map()이 일부 처리 결과를 새로운 배열로 생성할 수 있다는 것입니다. 콘텐츠.

JavaScript에서 map()과 Reduce()의 차이점은 무엇입니까?

예를 들어, 배열에 저장된 숫자를 두 배로 늘려 새로운 배열을 생성하고 싶다면 다음과 같이 작성하면 됩니다.

var numbers = [1,2,3,4,5];
var result = numbers.map(function(num) {
  return num * 2;
})
console.log(result);

결과는

JavaScript에서 map()과 Reduce()의 차이점은 무엇입니까?

입니다. 이 예에서 map()은 숫자 값이 포함된 배열에서 수행됩니다.

배열의 각 요소가 함수 내에서 2번 반환되는 것을 볼 수 있습니다.

이로부터 실행 결과를 보면 원래 값의 2배의 배열이 생성될 수 있음을 알 수 있습니다.

엄밀히 말하면, Reduce()를 사용하면 같은 일을 할 수는 없지만, map()을 사용하면 아주 간단한 설명만으로 효율적으로 할 수 있습니다.

reduce() 메서드 사용에 대한 자세한 내용은 다음을 참조하세요. JavaScript에서 Reduce() 사용 방법

위 내용은 JavaScript에서 map()과 Reduce()의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.