Javascript - filter

2021. 6. 30. 15:08JS

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);

위 예제 실행 결과

'JS' 카테고리의 다른 글

[JS] Replace() 문자 변환, 치환  (0) 2021.06.30
slice()와 splice()의 차이점  (0) 2021.06.30
js localstorage 사용  (0) 2021.06.08
api 연동하기  (0) 2021.06.03
javascript 이벤트 추가, 제거하기  (0) 2021.06.03