reduce 함수

리듀서 함수는 배열을 순회하면서 각각의 요소에 대해 리듀서 함수를 실행하는 함수이다.

  arr.reduce(callback, initialValue)

리듀스 함수는 콜백함수와 초기값을 받는다.

const number = [1, 4, 5, 7, 9, 0];
const calc = number.reduce((prev, next) => prev + next, 0);

console.log(calc); // 26

위의 리듀서함수는 배열의 합을 구하는 리듀스 함수이다.

작동방법을 자세하게 알아보자면,

1. 첫번째 요소를 순회할 때, 초기값인 0이 prev에 입력된다.
2. 초기값이 prev에 입력되면서, 배열의 첫번째 값인 1이 next에 입력된다.
3. 콜백함수가 실행되면서 계산된 결과값이 prev에 들어간다.
4. 다음 요소를 순회하면서 다음요소인 4가 next에 입력된다.
5. 계산된 결과값인 prev와 새롭게 입력된 next를 가지고 콜백함수가 실행된다.
6. 3 ~5의 작업이 반복되면서 배열의 순회가 끝나면 계산된 결과값 prev가 반환된다.

참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

https://www.youtube.com/watch?v=ZOVG7_41kJE&t=16632s