Home [JavaScript] filter 함수란?
Post
Cancel

[JavaScript] filter 함수란?


filter 함수에 매개변수

1
2
const array = [1,2,3,4,5]
const newArray = array.filter((value,index,array)=>)

value: 요소값

  • 1
    2
    3
    4
    5
    6
    7
    
    const newArray = array.filter((value, index, array) => console.log(value));
    //실행 결과
    1;
    2;
    3;
    4;
    5;
    

index: 현재 차례인 요소에 고유 번호

  • 1
    2
    3
    4
    5
    6
    7
    
    const newArray = array.filter((value, index, array) => console.log(index));
    //실행 결과
    0;
    1;
    2;
    3;
    4;
    

array: 현재 다루고 있는 배열에 복사본

  • 1
    2
    3
    
    const newArray = array.filter((value, index, array) => console.log(array));
    //실행 결과
    [1, 2, 3, 4, 5];
    

filter 함수 원하는 조건의 값만

filter 함수는 배열의 값을 순서대로 돌면서 조건이 true하는 값만을 다시 반환해줍니다.

ex) 값이 3이상인 요소만 뽑고싶다면

1
2
3
4
5
6
7
const array = [1,2,3,4,5]
const newArray = array.filter((value,index,array)=>value>=3);

console.log(newArray);
//실행 결과
[3, 4, 5];


filter 함수는 기존의 배열은 변하지 않는 새로운 배열을 반환한다

1
2
3
4
5
6
7
8
const array = [1,2,3,4,5]
const newArray = array.filter((value,index,array)=>value>=3);

console.log(array);
console.log(newArray);
//실행 결과
[1,2,3,4,5];
[3, 4, 5];

마치며

혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요.
지적이나 피드백은 언제나 환영입니다.

This post is licensed under CC BY 4.0 by the author.