Javascript(자바스크립트) - 배열 처리 정리(2) - filter(필터)

Javascript - filter 설명

 

① filter - 콜백함수에 지정된 조건에 맞는 요소를 새롭게 반환한다.

② 콜백함수의 인자는 순서대로 값(value), 인덱스(index), 원 배열(array) 이다.

③ Array.prototype.filter 를 통해서 더욱 자세히 공부해보자.

 

 

Javascript - filter 패턴(1)

기본 소스

let data= [
            {name: "jack", age: 20}, 
            {name: "kevin", age: 16}, 
            {name: "rick", age: 27}, 
            {name: "marry", age: 21}, 
            {name: "rilly", age: 19}
    ]
// age가 20이상인 원소 추출(필터링)
let result = data.filter( x => { 
    return x.age >= 20
});
 
//결과 출력
console.log(result);

실행 화면

 

 

Javascript - filter 패턴(2)

기본 소스

- 콜백함수(Callback) 3개 인자(x, idx, array)를 잘 확인하자.

let data= [
            {name: "jack", age: 20}, 
            {name: "kevin", age: 16}, 
            {name: "rick", age: 27}, 
            {name: "marry", age: 21}, 
            {name: "rilly", age: 19}
    ]
//x : 요소, idx : 인덱스, array : 원 배열
let result = data.filter( (x, idx, array) => { 
    return idx === 0 && x.age >= 20
});
 
//결과 출력
console.log(result);

실행 화면

 

본문의 모든 예제는 ES6 (ECMAScript 2015) 문법으로 작성했다.