[Javascript] reduce() - 배열의 각 요소에 대해 주어진 함수를 실행하기

reduce()란?

Array.prototype.reduce() 메소드는 배열의 각 요소에 대해 주어진 함수(reducer)를 실행하고, 최종 결과값을 반환한다.

const array1 = [1,2,3,4];

array1.reduce((a, b) => a + b)
// array1의 각 요소의 총합을 구한다.

array1.reduce((a, b) => a + b, 5)
// 5라는 초기값에 array1의 각 요소를 더해 총합을 구한다.

 

문법

기본적인 형태는 아래와 같다.

var sum = [0, 1, 2, 3].reduce(function (accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);
// sum is 6

 

위와 같은 내용을 화살표 함수로도 작성할 수 있다.

var total = [ 0, 1, 2, 3 ].reduce(
  ( accumulator, currentValue ) => accumulator + currentValue,
  0
);

 

더 자세한 내용은 MDN을 참고하자.

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

Array.prototype.reduce() - JavaScript | MDN