본문 바로가기
도서로 공부하는 프로그래밍/코딩 자율학습

[JS] reduce() 메소드 사용 사례

by 열공노년 2024. 4. 20.
반응형

reduce() 메소드 사용 사례

다음 코드에는 배열을 이용한 간단한 .reduce() 메소드의 사용 예가 나와 있습니다.

caption: 'reduce()' 메소드 사용 사례

.reduce() 메소드는 배열의 모든 요소를 순회하며 단일 값(예: 합계, 평균 등)으로 줄이는 데 사용됩니다. 이 메소드는 두 개의 매개변수를 받는 콜백 함수와 초기값을 매개변수로 받습니다. 콜백 함수는 두 개의 인수를 가지는데, 첫 번째는 누적 값(acc)이고 두 번째는 현재 처리 중인 요소(curr)입니다.

코드의 해석은 다음과 같습니다:

const sum = [1, 2, 3, 4, 5].reduce((acc, curr) => acc + curr, 0);
console.log(sum);
  • [1, 2, 3, 4, 5]: 숫자로 이루어진 배열입니다.
  • .reduce(...): 배열의 .reduce() 메소드를 호출하여 배열의 요소를 하나의 값으로 줄입니다.
  • (acc, curr) => acc + curr: 콜백 함수로, 누적 값에 현재 값(curr)을 더해줍니다.
  • 0: .reduce() 메소드의 두 번째 인자로, 누적 값의 초기값을 0으로 설정합니다.

 

코드 실행 결과, 콘솔에는 배열의 모든 숫자의 합인 15가 출력되는 것을 볼 수 있습니다. 이는 1 + 2 + 3 + 4 + 5의 계산 결과입니다.

반응형