자바스크립트 reduce 함수를 이용하여 배열 합계 구하기

자바스크립트에 reduce 함수가 있습니다.

 

자바스크립트 레퍼런스 문서에 reduce에 대해서 설명을 너무 어렵게 해놔서 무슨 말이지

하나도 모르겠네요.

 

좀 간단하계 합계를 구하는 함수를 만들어보면서 설명드리겠습니다.

var arr = [1, 2, 3, 4, 5];
var sum1 = arr.reduce((a, b) => a + b)); // 15

reduce는 배열 함수입니다.

배열에서 사용할 수 있는 함수입니다.

 

(a, b) => a + b)

이렇게 들어가 있는 부분이 reduce의 파라미터 입니다.

reduce가 실행 될때, 해당 배열만큼 해당 callback이 타게 됩니다.

 

a의 경우에는 이전 callback의 return 값입니다.

b는 현재 배열의 값이 구요.

 

그렇게 되면서 이전 합계의 값을 a로 가지고 오고 현재 배열의 값을 b로 가져와서

결국에는 마지막으로 배열의 총 합계를 구할 수 가 있습니다.

 

See the Pen Untitled by powerku (@powerku) on CodePen.

 

reduce를 이용해서 합계 이외에도 배열 내 object 값에서 원하는 데이터를 뽑기도 하고

다양하게 사용할 수 있습니다.

 

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

Array.prototype.reduce() - JavaScript | MDN