Array.reduce()

흔하게 사용하는 sum을 위한 reduce를 자세히 알아보자

const sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, initialValue)

reduce 구문

 arr.reduce(callback[, initialValue])

callback

1. accumulator

• callback 함수의 반환값을 누적한다
• 의 이전 반환값 또는, 콜백의 첫 번째 호출이면서 initialValue를 제공한 경우에는 initialValue의 값입니다.

2. currentValue

• 배열의 현재 요소 (처리할 현재 요소)

3. currentIndex(Optional) - 배열의 현재 요소의 인덱스
4. array(Optional) - 호출한 배열

initialValue(Optional)

• 최초 callback함수 실행 시 accumulator 인수에 제공되는 값
• 초기값을 제공하지 않을경우 배열의 첫 번째 요소를 사용하고, 빈 배열에서 초기값이 없이 reduce()를 호출할 경우 에러가 발생한다
• accumulator는 배열의 첫 번째 값과 같고 currentValue는 두 번째와 같습니다.

Ex) initialValue의 여부

initailVaue가 없을때

[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
});

callback	accumulator	currentValue	반환 값
1번째 호출	0	1	1
2번째 호출	1	2	3
3번째 호출	3	3	6
4번째 호출	6	4	10

initailVaue가 있을때

[0, 1, 2, 3, 4].reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
},0);

callback	accumulator	currentValue	반환 값
1번째 호출	0	0	0
2번째 호출	0	1	1
3번째 호출	1	2	3
4번째 호출	3	3	6
5번째 호출	6	4	10