[JS #3] 자바스크립트 배열 메서드 3, reduce 100% 활용법 (feat. egghead.io)

Array.prototype.reduce() - JavaScript | MDN

Reduce()

• 배열의 각 요소에 대해 주어진 리듀서(reducer)함수를 실행하고, 하나의 결과값을 반환한다.

reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;
reduce(callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;
reduce<U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;

• callbackFn : 배열의 각 요소 순회마다 콜백 메소드
  • Accumulator(previousValue) : 요소의 이전값, (누산기는 콜백의 반환값을 누적한다)
  • CurrentValue : 현재 처리할 요소
  • CurrentIndex : 처리할 현재 요소의 인덱스 (initialValue를 제공한 경우 0 , 아니면 1부터 시작한다.)
  • array : reduce를() 호출한 배열
• initialValue : 콜백 호출시 최초 호출에서 첫 번째 인수에 제공하는 값. 초기값을 제공하지 않으면 배열의 첫번째 요소를 initailValue 로 사용한다.