JS map(), filter(), reduce()

이동환·2023년 4월 9일
1

항해99

목록 보기
21/27

이 세 가지 함수에 대해 이해해보려고 했다.

우선 세 함수 모두 배열의 메소드처럼 사용하며 콜백함수를 인자로 받는다.

그 후 map()과 filter()는 새로운 배열을 반환하고 reduce()는 누산자를 반환한다.

reduce 함수의 콜백함수는 인자를 acc(누산자), curE(현재 요소), idx(인덱스), arr(해당 배열) 4가지를 받을 수 있다.

map()

// 해당 요소의 자리에 반환값을 담은 newArr을 반환한다.
newArr = arr.map(num => {
    return 새로운 변수 ( ex) num*2 )
})

filter()

// 조건에 맞는 요소들만을 담은 newArr을 반환한다.
newArr = arr.filter(num => {
    return 조건 (true or false)
})

reduce()

// 콜백 함수의 반환값을 acc에 담아두고 최종적으로 acc 값을 반환한다.
acc = arr.reduce((acc, num) => {
    return acc + num
})
profile
개발을 즐기고 싶다.

0개의 댓글