Array : Reduce 방식 (작동 원리 및 응용)

소개

제목에서 알 수 있듯이 가장 널리 사용되는 배열 함수 중 하나인 reduce에 대해 논의할 것입니다.

단어 자체는 입력 값을 단일 출력 값으로 줄인다고 설명합니다. 우리에게 보여줘!

배열의 각 요소를 왼쪽에서 오른쪽으로 반복합니다

.

다음 매개변수 accumulator , currentvalue , index , array 및 선택적 초기 값이 있는 콜백 함수를 허용합니다. ( 선택 사항이지만 사용하는 것이 가장 좋습니다 )

구문:

reduce(function(accumulator, currentValue, index, array) {
   /* function-body */
}, initialValue)

누산기 (a) - 마지막 반복의 반환 값 또는 초기 값입니다.

currentvalue (c) - 현재 진행 중인 반복에서 현재 요소의 값입니다.

index - 현재 반복의 인덱스입니다.

배열 - reduce 함수를 적용하여 제공하는 입력 배열입니다.

initialValue - 첫 번째 반복에서 누산기로 반환되는 시작 값입니다.


이제 충분한 이론으로 예를 살펴보겠습니다. 이 예에서는 숫자 배열에 주어진 모든 숫자의 합계를 계산할 것입니다.

let arr = [ 1, 2 ,3,4,5,6,7,8,9,10];
const sum = arr.reduce((accumulator,currentvalue) => accumulator + currentvalue,0);
console.log("Sum : ",sum);

첫 번째 반복에 대한 위의 예에서 누산기의 값은 초기 값, 즉 0이고 현재 값은 1입니다.

따라서 0 더하기 1 결과 1을 반환하고 누산기 값은 1이 됩니다. (추가 논리를 제공한 대로)

이제 다음 반복에서 누산기의 값은 1이고 현재 값은 2이므로 누산기의 다음 값은 3으로 더해집니다

.

마지막 반복까지 계속되고 누산기 값이 반환됩니다.

함수 본문 내에서 필요에 따라 논리를 제공할 수 있다는 점에 유의하십시오. 또한 초기 값을 제공할 수 있습니다.

축소 기능을 사용할 수 있는 실제 사용 사례는 다음과 같습니다.

문자 배열에서 문자열을 만듭니다.

최대값 찾기 주어진 숫자 배열의 값

연령이 40세를 초과하는 지정된 직원 배열에 대한 이름 배열을 찾습니다

.

주어진 배열에서 동일한 연령대의 사용자 빈도를 찾습니다.

들러 주셔서 감사합니다. 유용하다고 생각되면 공유를 고려하십시오. 여기에서 나와 연결할 수 있습니다.