JS filter使用

时间 2019-12-12 标签 filter 使用

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