티스토리 뷰
내장 고차 함수
자바스크립트에는 기본적으로 내장된 고차 함수가 있다.
배열 메서드들 중 일부가 대표적인 고차 함수
filter 메서드
모든 배열의 요소 중에서 특정 조건을 만족하는 요소를 걸러내는 메서드
걸러내는 기준이 되는 조건은 filter 메서드의 전달인자로 전달된다. 이 때, 함수의 형태로 전달된다.
filter 메서드는 거러내기 위한 조건을 명시한 함수를 전달인자로 받기 때문에 고차 함수이다.
filter 메서드는 배열의 요소를 콜백함수에 전달하며
콜백 함수는 전달받은 배열의 요소를 받아 함수에 실행하고
콜백 함수 내부 조건에 따라 boolean 타입을 리턴해야 한다.
기존 배열을 수정하지 않는다
예시1) number 타입을 요소로 갖는 배열에서 홀수만을 걸러내거나 100보다 작은 수를 걸러낸다.
예시2) string 타입을 요소로 갖는 배열에서 특정 문자열만 걸러내거나 특정 길이 보다 작은 문자열을 걸러낸다.
// filter 메서드 동작 방식
Array.prototype.filter = function(func) {
const arr = this;
const newArr = [];
for(let i = 0; i < arr.length; i++) {
if(func(arr[i]) === true) {
newArr.push(this[i];
}
}
return newArr;
}
map 메서드
배열의 각 요소가
특정 논리(함수)에 의해
다른 요소로 지정(map)
하나의 데이터를 다른 데이터로 매핑할 때 사용
reduce 메서드
배열의 각 요소를
특정 방법(함수)에 따라
원하는 하나의 형태로 응축(reduction)한다
'부트캠프' 카테고리의 다른 글
React props와 state (0) | 2022.06.07 |
---|---|
생성자 함수 constructor (0) | 2022.05.26 |
고차함수 (0) | 2022.05.24 |
DOM(Document Object Model) (0) | 2022.05.17 |
원시 자료형과 참조 자료형 (0) | 2022.05.13 |