JS filter使用

filter 用于筛选数组中符合条件的所以元素，filter只能接受函数

注意：filter只返回筛选结果，不会对原来数组改变

实现方法：

<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表达式，@~~@，真是天下语言一个样

 

posted on 2018-09-15 20:16  Jade_K  阅读(269)  评论(0)  编辑  收藏  举报

导航