JavaScript

(JavaScript) reduce메서드에 대해 이해하기

2023년 08월 04일 17:53

안녕하세요. NekoNyangYee입니다! 오늘은 JavaScript의 reduce 메서드에 대해 알아보려 합니다.

Reduce 메서드란?

배열의 요소들을 순회하면서 반복적인 연산을 하는 메서드입니다

문법

// reduce
const numbers = [1, 2, 3, 4];
 
numbers.reduce((누산값, 현재요소값, 현재요소의index, 현재배열) => {
  return 다음누산값;
}, 초기누산값);

reduce 메서드는 위 코드와 같이 2개의 파라미터를 가지고 있습니다.

1. 콜백함수: 쉽게말하면 함수안에 함수입니다.

reduce 메서드가 특별한 이유는 바로 콜백함수의 펏 번째 파라미터인데, reduce 메서드에서 이 콜백함수가 동작할 때 return하는 값이 다음 콜백함수의 첫 번째 파라미터로 전달되는 것입니다.
그러고 마지막 콜백함수가 동작한 이후의 return값이 reduce메서드의 return값이 되는 것입니다.
reduce메서드의 두번째 파라미터에, 첫 번째 콜백함수에서 동작할 누산값을 전달해주는 것입니다.

예시코드

const numbers = [1, 2, 3, 4];
 
const sum = numbers.reduce((acc, el, i) => {
  console.log(`${i}번째 콜백함수`);
  console.log(`acc: ${acc}`);
  console.log(`el: ${el}`);
 
  return el + acc;
}, 0);
 
console.log(`-----------`);
console.log(`sum: ${sum}`);