음악, 삶, 개발

Array 의 reduce 본문

개발 Web/JS

Array 의 reduce

Lee_____ 2021. 3. 12. 04:04

< 참고 자료 : youtu.be/3CUjtKJ7PJg?t=1621 >

 

reduce 는 배열의 요소들의 특정 프로퍼티의 합을 계산한다던지 하는 counter 를 만들때 유용하다.

콜백함수의 첫번째 인자값은 계속해서 누적 되게된다.

이 reduce 의 두번째 인자로는, 콜백 함수의 첫번째 인자의 초기값을 넘기게된다.

const people = [

    { name : 'kim',  age : 10 },
    { name : 'seo',  age : 20 },
    { name : 'choi', age : 30 },

]

const ageTotal = people.reduce((counter, person) => counter + person.age, 0)

console.log(ageTotal) // 60

아래는 더 쉬운 예제.

const arr = [ 10, 20, 30 ]

const counterInit = 0
const total = arr.reduce((counter, item) => counter + item, counterInit)

console.log(total) // 60