내장 고차 함수

김재현·2022년 11월 19일
0

유닛 진행!

목록 보기
11/18
post-thumbnail

고차함수로만 끝이 난 줄만 알았다면 오산이다! 한번 익히면 활용이 가능하다는걸 알았으니 우린 더 열심히 할 수 있다!

내장 고차 함수란?

내장 고차 함수는 말 그대로 Js에 내장되어 있는 고차함수이다. 그중에서 배열 메서드들 중 일부가 대표적인 고차 함수에 해당한다! 내장 고차 함수는 화살표 함수로도 쓸 수 있다. (내장 고차 함수가 쓰고싶은데 객체라면 Object.entries()를 써 배열로 만들어 주자!)

내장 고차 함수 3가지

내장 고차 함수 filter

filter 는 이름처럼 모든 요소 중 내가 원하는 값만 필터링한다.
어떤 것을 필터링 할건지 함수로 작성하고 인자로 넣는다.
기존 배열을 수정하지 않는다!

내장 고차 함수 map

map은 모든 요소에 동일한 행동을 준 값에대해 반환한다!
filter와 같이 행동은 내가 작성해야하고 기존 배열을 수정하지 않는다.

모든 요소에 동일한 행동을 한다!

내장 고차 함수 reduce

reduce 는 배열을 하나의 값으로 만들어 준다!
초기값을 정해준다. 초기값은 누적값에 기반이 된다.
그 다음 요소 부터 현재값이 된다.
원하는 행동에 따라 누적값에 저장이 되고 배열에 끝까지 반복하게 된다. 결국에는 누적값에 값을 반환한다!

초기값이 없을 경우의 예 (초기값이 없으면 배열의 첫번째 요소가 초기값이다.)


이처럼 화살표 함수로 쓸 수 있다. (다른 것들도)

1 + 2 + 3 + 4 + 5 + 6 이 되는것이다!
(1+2 = 3 | 3+4 = 10 | 10+5=15 | 15+6 = 21)
꼭 acc,cur로 쓰지 않아도 된다.

초기값이 있을 경우의 예

이처럼 초기값이 10으로 설정되었으면 10 부터 시작한다!

10 + 1 + 2 + 3 + 4 + 5 + 6 이 되는것이다!
10+1 =11 | 11+2 = 13 | 13+3= 16 | 16+4 =20 20+5=25 | 25+6=31

profile
티스토리로 이사갔습니다. => https://lobsterhyeon.tistory.com/

0개의 댓글