본문 바로가기

JavaScript

JavaScript filter 함수

Javascript filter 함수란?

여러가지 데이터 중에서 원하는 데이터만 뽑고싶을때 사용한다.

어떤 데이터 집합에서 특정 조건을 만족하는 데이터만 뽑아낼수 있다.

 

filter 사용법

 

1)

let nums = [-10, 20, -15, 5, 30];

nums.filter((매개변수)=>{

return 매개변수 조건

});

 

2)

let nums = [-10, 20, -15, 5, 30];

nums.filter((매개변수)=>매개변수 조건);

 

 

활용 예제)

<body>
    <h1>배열 객체의 활용</h1>
    <p>배열의 .filter() 함수를 이용해서 필터링된 새로운 배열 얻어내기</p>
    <script>
        let nums = [-10, 20, -15, 5, 30];
        // 배열의 filter 함수를 호출하면서 화살표 함수 전달하기
        let result=nums.filter((item)=>{
            return item > 0;
        });
        // 위의 화살표 함수를 줄여서 표현하면 아래와 같다
        let result2 = nums.filter((item)=>item>0);
    </script>
</body>
</html>

 

 

 

해당 html 파일을 웹브라우저 console 창에 결과 출력

result 랑 result2 랑 동일하게 결과가 나타나는 모습이다.

'JavaScript' 카테고리의 다른 글

JavaScript setInterval, setTimeout 함수  (0) 2023.05.01
JavaScript map 함수  (0) 2023.04.27
JavaScript EventListener  (0) 2023.04.17
JavaScript 조건문(if) 실습 예제  (0) 2023.04.13
JavaScript 반복문(for) 실습 예제  (0) 2023.04.13