reduce

reduce

reduce는 자바스크립트 배열의 메소드이다. 많은 사람들이 reduce를 단순히 뎃셈으로만 알고 있지만 중요한 것은 누적값이 있다는 것이다.

reduc메소드를 사용하는 방법이다.

배열.reduce((누적값, 현재값, 인덱스, 요소) => {return 결과}, 초기값)

이해를 쉽게하기 위해서 예제를 보겠다

cosnt a = [1,2,3]

result = a.reduce((acc, cur, i) => {
  console.log(acc, cur, i);
  return acc + cur;
}, 0);
// 0 1 0
// 1 2 1
// 3 3 2
result; // 6

a라는 배열에 1,2,3이 있고 reduce메서드를 사용하고 있다. acc는 누적값을 의미하고 cur은 현재값, i는 인덱스값을 의미한다. 이때 중요한 것은 매개변수의 이름이 아니라 위치이다. 위치에 따라서 누적값, 현재값, 인덱스 값이 결정이 된다.
그래서 세 가지 매개변수를 콘솔 창에 찍었을 때 누적값이 나오고 현재값이 나오고 인덱스값이 순서대로 나온다. 그래서 누적값과 현재값을 더해주면 배열의 모든 요소를 더한 값이 나온다.

cosnt a = [1,2,3]

result = a.reduceRight((acc, cur, i) => {
  console.log(acc, cur, i);
  return acc + cur;
}, 1);
// 1 1 0
// 2 2 1
// 4 3 2
result; // 7

위 예제는 초기값이 있는 경우이다. 초기값이 1로 주어지고 있다. 그러면 누적값에 처음부터 1이 들어가게 된다. 초기값이 없는 경우는 누적값에 0이 들어가게 된다. 그리고 나서 위에서와 같이 배열의 모든 요소를 더해주게 된다.