- 리액트를 할 때 제일 유용하고 자주 사용했던게 고차함수 였다. 잘 알아두자
고차함수란?
- 함수를 인수로 전달받거나(콜백함수) 함수를 반환하는 함수
- 일급객체의 특징을 가지고 있다.
- 외부변경을 피하고 불변성을 유지하는 함수형프로그래밍을 기반으로 한다.
- 데이터 변경 ❌, 변수 사용 ❌, 조건문 ❌, 반복문 ❌ 지향
- 순수함수를 통해 에러를 줄이고 가독성을 높이고 안전성을 보장하려고 한다.
유용한 고차함수 메서드 알아두기 ✨
sort | 배열의 요소 정렬 (기본 오름차순 정렬) |
forEach | 자신의 내부에서 반복문을 통해 순회하며 콜백함수로 전달받아 실행 |
map | 배열의 모든 요소를 순회하며 요소들을 각각 새로운 요소로 매핑하여 새로운 배열로 반환 |
filter | 콜백함수의 반환값이 true인 경우 즉 조건에 맞는 경우 새로운 배열로 반환 |
reduce | 콜백함수를 호출하여 하나의 값으로 만들어 반환 |
some | 배열의 정의한 조건에 만족하는 요소가 있는지 확인하여 불리언값으로 반환 |
every | 배열의 정의한 조건에 모두 만족하는 확인하여 불리언값으로 반환 |
find | 제일 먼저 조건에 맞는 해당 요소값을 반환 |
flatMap | map 메서드를 통해 생성된 새로운 배열을 쫙 펼침 |
참고📌
'Front-end > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 라이브러리 - GSAP로 애니메이션 처리하기 (0) | 2023.11.15 |
---|---|
[JS] 호이스팅(Hoisting) 이란? (0) | 2023.02.13 |
[JS] 비동기 - callback / Promise / async · await (1) | 2023.01.16 |
[JS] 스프레드 문법과 구조분해할당 (0) | 2023.01.14 |
[JS] for문과 while문의 차이점은? (0) | 2023.01.09 |