Array 메소드 중 가장 어려운 메소드 Reduce

Reduce 메소드

• MDN Reduce 문서 보러가기
• 배열 메소드 중 이해하기 어려운 메소드 중 하나이다.
• 일반적으로 합계를 구할 떄 많이 사용한다.

Reduce 설명

reduce()는 빈 요소를 제외하고 배열 내에 존재하는 각 요소에 대해 callback 함수를 한 번씩 실행하는데, 콜백 함수는 다음의 네 인수를 받는다.

• 누산기 (acc)
• 현재 값 (cur)
• 현재 인덱스 (idx)
• 원본 배열 (src)

사용법

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

아래와 같이 화살표 함수로도 사용이 가능하다.

[0, 1, 2, 3, 4].reduce( (prev, curr) => prev + curr );

함수 자체가 이해하기 쉽지 않은데 위의 MDN 링크를 통해 차근 차근 읽어보면서 자주 사용하면서 개념을 익히는 것이 중요한 것 같다.