[js] reduce() 사용법

출처:https://tocomo.tistory.com/m/26

구문

자바스크립트의 reduce함수는 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결과 값을 반환합니다.
arr.reduce(callback[, initialValue])

파라미터

callback function
다음 4가지의 인수를 가집니다.
accumulator - accumulator는 callback함수의 반환값을 누적합니다.
currentValue - 배열의 현재 요소
index(Optional) - 배열의 현재 요소의 인덱스array(Optional) - 호출한 배열callback함수의 반환 값은 accumulator에 할당되고 순회중 계속 누적되어 최종적으로 하나의 값을 반환합니다.

initialValue(Optional)
최초 callback함수 실행 시 accumulator 인수에 제공되는 값, 초기값을 제공하지 않을 경우 배열의 첫 번째 요소를 사용하고, 빈 배열에서 초기값이 없을 경우 에러가 발생합니다.

반환 값

배열을 순서대로 불러 각 요소에 대해 callback 함수를 실행한 결과를 누적한 값

예제

1. 배열의 모든 값 (1부터 10까지) 더하기

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const sum1 = numbers.reduce((accumulator, currentNumber) => accumulator + currentNumber);
console.log('sum1 =', sum1);

또는

// callback함수 선언 후 이용 function sumReducer(accumulator, currentNumber) { return accumulator + currentNumber; }
const sum2 = numbers.reduce(sumReducer); console.log('sum2 =', sum2);

Result
sum1 = 55
sum2 = 55