> 웹 프론트엔드 > JS 튜토리얼 > js에서 축소 기능을 사용하는 방법

js에서 축소 기능을 사용하는 방법

下次还敢
풀어 주다: 2024-05-07 19:12:20
원래의
923명이 탐색했습니다.

리듀스 함수는 단일 값을 얻기 위한 누적 작업에 사용됩니다. 배열, 콜백 함수 및 초기 값(선택 사항)을 받습니다. 콜백 함수는 누적된 결과를 저장하는 누산기와 현재 요소를 처리합니다. 초기 값은 누산기의 시작 값이며 기본값은 배열의 첫 번째 요소입니다. 사용 사례에는 합산, 평균화, 배열 연결, 필터링 및 그룹화가 포함됩니다.

js에서 축소 기능을 사용하는 방법

JS의 축소 함수 사용

축소 함수는 배열의 요소를 누적하여 최종적으로 단일 값을 얻는 데 사용되는 JavaScript의 함수입니다. 사용법은 다음과 같습니다:

<code class="javascript">const result = array.reduce(callback, initialValue);</code>
로그인 후 복사

where:

  • array: 누적할 배열입니다.
  • callback: 합산 연산을 위한 콜백 함수입니다.
  • initialValue: 누적의 초기 값(선택 사항)입니다.

콜백 함수

콜백 함수는 두 개의 매개변수를 받습니다:

  • accumulator: Accumulator, 현재 누적된 결과를 저장합니다.
  • currentValue: 현재 처리 중인 배열 요소입니다.

initialValue

initialValue는 누산기의 초기 값입니다. 지정하지 않으면 배열의 첫 번째 요소가 초기 값으로 사용됩니다.

Usage

reduce 함수는 다음 시나리오에서 자주 사용됩니다.

  • Sum: 배열에 있는 모든 요소의 합계를 계산합니다.
  • 평균: 배열에 있는 모든 요소의 평균을 계산합니다.
  • 배열 연결: 배열의 모든 요소를 ​​문자열로 연결합니다.
  • 필터 배열: 조건에 따라 배열의 요소를 필터링합니다.
  • 그룹 배열: 특정 키를 기반으로 배열의 요소를 그룹화합니다.

합계:

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 输出:15</code>
로그인 후 복사

평균:

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const average = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length;
console.log(average); // 输出:3</code>
로그인 후 복사

배열 연결:

<code class="javascript">const names = ['John', 'Mary', 'Bob'];
const joinedString = names.reduce((accumulator, currentValue) => accumulator + ', ' + currentValue);
console.log(joinedString); // 输出:John, Mary, Bob</code>
로그인 후 복사

필터 배열:

rr 리

위 내용은 js에서 축소 기능을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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