Array함수 reduce()에 대해..

구벨로퍼·2020년 11월 21일

reduce()의 작동 방식

예를들어

[0, 1, 2, 3, 4].reduce(function(firest, second, Index, array) {
return accumulator + currentValue;
});

reduce는 인자로 4개를 받을 수 있다.

firest 는 콜백함수의 인자 값이다. 만약 첫번째 호출일 경우 value의 값이다.

second는 처리할 요소 들이다.

Index는 처리해야할 요소의 인덱스. 1부터 시작

array는 reduce()를 호출한 배열이다.

reduce의 사용

이번 블로그 포스팅 전에는 reduce는 map과 함께 새로운 객체에 수학연산이나 간단한 조건을 return하는 정도로 사용하는 함수로 사용했었다.
reduce를 공부하면서 reduce의 다재다능에 대해 알게되었고 그것을 정리하는 시간을 갖겠다.
reduce는 이전값이 아니고 누적값이다. reduce는 초기값을 정해주어야 하는데 정하지 않으면 자동으로 0 입니다. 하지만 객체는 {}빈 객체를 만들어주어야 합니다.

reduce에 push를 사용하면 map과 같이 사용할 수 있고 조건을 걸어 push하면 filter함수와 똑같이 구현이 가능합니다. 이와같이 sort, every, some, find, findIndex, includes 함수들을 모두 구현 가능합니다.

profile
FrontEnd Developer

0개의 댓글