JS filter使用

時間 2019-12-12

原文原文鏈接

filter 用於篩選數組中符合條件的因此元素，filter只能接受函數html

注意：filter只返回篩選結果，不會對原來數組改變c#

實現方法：數組

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        var ages=[10,20,30,50,80];
        function checkAge(age){
            return age >30;
        }

        window.onload=function(){
            //實現方法1
            document.getElementById('test').innerText=ages.filter(function(item){
                return item>30;
            });
            //實現方法2
            document.getElementById('test2').innerText=ages.filter(checkAge);
            //實現方法3
            document.getElementById('test3').innerText=ages.filter(item=> item > 20);
        }

    </script>
</head>
<body>
    <div id="test"></div>
    <div id="test2"></div>
    <div id="test3"></div>
</body>
</html>

方法3 是ES6語法箭頭函數，實際上就是等價於，這樣實現看起來比較高大上，代碼也少了不少函數

        function checkAge(age){
            return age >20;
        }

有點相似於c#中Lambda表達式，@~~@，真是天下語言一個樣ui

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。