Ex07_filter.html

이뮨01 2023. 7. 6. 08:17

배열 함수의 한 종류인 filter함수를 배우다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // Filter 함수
        // 배열 안에서 특정 조건에 해당되는 것만 추려낼 때 
        // 사용하는 함수

        const numberList = [1, 2, 3, 4, 5, 6]

        const isEven = num => num%2==0

        // Case 1
        // const evenNum = numberList.filter(isEven)
        
        // Case 2
        const evenNum = numberList
                        .filter(num => num%2==0)
                        .map(item => item * 3)

        console.log(evenNum);
    </script>
</body>
</html>

배열내 요소를 filter 조건에 true인 경우만 필터링하는 filter함수이다.

Case 1은 함수를 따로 만들어서 filter 함수로 배열 내 각각의 요소들이 조건이 충족하는지 확인한다.

Case 2는 filter 함수에서 화살표함수를 사용한 방법이다.

저작자표시 비영리 변경금지 (새창열림)