그만큼 자바스크립트의 Reduce() 메소드 각 배열 요소에 대해 감속기 함수를 실행하여 단일 누적 값을 반환합니다. 빈 배열 요소를 건너뛰고 원본 배열을 수정하지 않으므로 간결한 데이터 집계에 유용합니다.
설정 메뉴 열기
통사론:
array.reduce( function(total, currentValue, currentIndex, arr), initialValue )>
매개변수:
이 메서드는 위에서 언급하고 아래에 설명된 대로 5개의 매개 변수를 허용합니다.
- 함수(전체, 현재값, 인덱스, arr): 필수 매개변수이며 배열의 각 요소에 대해 실행하는 데 사용됩니다. 여기에는 아래에 나열된 4개의 매개변수가 포함되어 있습니다.
| 매개변수 이름 | 설명 | 필수/선택 |
|---|---|---|
| 총 | 함수의 초기 값 또는 이전에 반환된 값을 지정합니다. | 필수의 |
| 현재값 | 현재 요소의 값을 지정합니다 | 필수의 |
| 현재지수 | 현재 요소의 배열 인덱스를 지정합니다 | 선택 과목 |
| 도착 | 현재 요소가 속한 배열 개체를 지정합니다. | 선택 과목 |
초기 값: 선택적 매개변수로 함수에 전달할 값을 초기값으로 지정하는데 사용됩니다.
반환 값: JavaScript 배열 축소 메소드는 전체 배열을 순회한 후 단일 값/요소를 반환합니다.
다음은 배열 축소() 방법.
자바의 컬렉션
예시 1: 이 예에서는 단순히 배열 요소의 차이를 인쇄하는 축소 함수를 작성합니다.
자바스크립트 // Input array let arr = [175, 50, 25]; // Callback function for reduce method function subofArray(total, num) { return total - num; } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(subofArray)); } myGeeks()> 산출
100>
예시 2: 이 예제에서는 모든 배열 요소의 합계를 반환하기 위해 Reduce() 메서드를 사용합니다.
다음 자바자바스크립트
// Input array let arr = [10, 20, 30, 40, 50, 60]; // Callback function for reduce method function sumofArray(sum, num) { return sum + num; } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(sumofArray)); } myGeeks();> 산출
210>
예시 3: 이 예에서는 모든 배열 요소의 총합을 반환하기 위해 Reduce() 메서드를 사용합니다.
자바스크립트 // Input array let arr = [1.5, 20.3, 11.1, 40.7]; // Callback function for reduce method function sumofArray(sum, num) { return sum + Math.round(num); } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(sumofArray, 0)); } myGeeks();> 산출
74>
우리는 Javascript Array 메소드의 전체 목록을 가지고 있습니다. 이를 확인하려면 다음을 수행하십시오. 자바스크립트 배열 전체 참조 기사.
지원되는 브라우저: JavaScript가 지원하는 브라우저 배열 축소() 방법은 다음과 같습니다.
- 구글 크롬
- 가장자리
- 파이어폭스
- 오페라
- 원정 여행