자바스크립트 reduce 메서드

reduce 메서드는 배열의 요소들을 하나의 값으로 줄여서 반환합니다. reduce 메서드의 콜백 함수의 첫 번째 인자의 용도는 값을 누적 시켜주고 두 번째 인자의 용도는 요소들을 순서대로 가져오는 것 입니다. 배열의 누적합, 최소값, 최대값 등 다양하게 활용할 수 있습니다.

 

사용법

 

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const sum1 = array.reduce((accumulator, element) => {
  return accumulator + element;
});
console.log(sum1); // 55

const sum2 = array.reduce((accumulator, element) => accumulator + element, 100);
console.log(sum2); // 155

const min = array.reduce((accumulator, element) => {
  if (element < accumulator) return element;
  return accumulator;
});
console.log(min); // 1

const max = array.reduce((accumulator, element) => {
  if (element > accumulator) return element;
  return accumulator;
});
console.log(max); // 10

 

첫 번째 누적합을 예로 들자면 처음 시작할 때 accumulator 변수로 1을 가져오고, element 변수로 2를 가져와서 두 변수의 합이 return 되고 다시 누적된 값이 accumulator로 들어오는 구조로 반복됩니다. 두 번째 누적합은 초기값 100을 accumulator 변수에 설정하고 반복됩니다.