Javascript - filter

오병문 2021. 6. 30. 15:08

filter - 콜백함수에 지정된 조건에 맞는 요소를 새롭게 반환한다.
콜백함수의 인자는 순서대로 값(value), 인덱스(index), 원 배열(array)이다.

예제를 보겠습니다.

    let data = [
        {name:'obm', age:28},
        {name:'dcy', age:25},
        {name:'kch', age:23},
        {name:'khm', age:16},
        {name:'hjw', age:13},
    ]
    // age가 20 미만인 원소 추출(필터링)
    let result = data.filter(x => {
        return x.age < 20
    });

    console.log(result);

- 콜백함수 3개 인자 x, idx, array를 잘 확인하세요.

    let data = [
        {name:'obm', age:28},
        {name:'dcy', age:25},
        {name:'kch', age:23},
        {name:'khm', age:16},
        {name:'hjw', age:13},
    ]
    // age가 20 이상이고 인덱스가 0인 필터링
    let result = data.filter((x, idx, array) => {
        return idx === 0 && x.age >= 20
    });

    console.log(result);