> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트의 Reduce() 메소드는 무엇을 합니까?

자바스크립트의 Reduce() 메소드는 무엇을 합니까?

青灯夜游
풀어 주다: 2021-10-19 15:42:43
원래의
9781명이 탐색했습니다.

JavaScript에서 축소() 메서드는 배열 요소를 반복(누적)하는 데 사용됩니다. 이는 배열의 각 값부터 시작하여(왼쪽에서 오른쪽으로) 배열의 모든 요소에 대한 누산기로 지정된 콜백 함수를 호출합니다. 축소되어 최종적으로 값으로 계산됩니다.

자바스크립트의 Reduce() 메소드는 무엇을 합니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript에서 감소() 메소드는 배열 요소를 반복(누적)하는 데 사용됩니다. 이 메소드는 배열의 각 값(왼쪽에서 오른쪽으로)이 감소하기 시작하고 최종적으로 값으로 계산됩니다. .

reduce() 메서드는 배열의 모든 요소에 대해 지정된 콜백 함수를 호출할 수 있습니다. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다.

구문: ​​

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
로그인 후 복사

함수 callbackfn(previousValue, currentVaule, currentIndex, array): 필수 매개변수, 최대 4개의 매개변수를 받을 수 있는 콜백 함수를 지정합니다. function callbackfn(previousValue, currentVaule, currentIndex, array):必需参数,指定回调函数,最多可以接收4个参数:

  • previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。

  • currentVaule:当前元素数组的值。

  • currentIndex:当前数组元素的数字索引。

  • array:包含该元素的数组对象。

initialValue

  • previousValue: 지난번 콜백 함수를 호출하여 얻은 값. Reduce() 메소드에initialValue가 제공되면 함수가 처음 호출될 때 이전값은initialValue입니다.

  • currentValue: 현재 요소 배열의 값입니다.

  • currentIndex: 현재 배열 요소의 숫자 인덱스입니다.
  • array: 요소를 포함하는 배열 객체입니다.

initialValue: 생략된 매개변수, 함수에 전달된 초기 값.

코드 예제를 통해 자세히 알아보겠습니다:

예제 1: 배열 값을 누적하고 합산 ​​자바스크립트의 Reduce() 메소드는 무엇을 합니까?

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);
로그인 후 복사

출력 결과:

예 2: 배열 값을 문자열로 연결 🎜🎜
var a = [11, 12, 13], str = '';
function f(pre,curr) {
	str=pre+'-'+curr;
	return str;
}

a.reduce(f);
console.log(str);
로그인 후 복사
🎜🎜 🎜🎜【추천 학습: 🎜javascript 고급 튜토리얼🎜】🎜

위 내용은 자바스크립트의 Reduce() 메소드는 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿