[JavaScript] reduce() 이해하기

Array.Reduce()

배열의 요소를 줄이고 단일 값을 반환하기 위해 사용. 지정된 콜백 함수를 호출하고 누적 값을 반환한다.

array.reduce(function( accumulator, currentValue, currentIndex, array ) {
	// 누적값을 업데이트하는 로직
}, initialValue);

• accumulator: 현재까지의 누적값을 나타내며 initialValue로 시작한다.
• currentValue: 배열에서 처리 중인 현재 요소
• currentIndex: 배열에서 처리 중인 현재 요소의 인덱스
• array: reduce()가 호출된 원본 배열 자체

<합산 예제>

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);

console.log(sum); // 15


/* simple version */
const sum = numbers.reduce((a,b) => a + b, 0); // 화살표 함수 이용