首页 > Web开发 > 详细

JS filter使用

时间:2018-09-15 20:43:54      阅读:278      评论:0      收藏:0      [点我收藏+]

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

 

JS filter使用

原文:https://www.cnblogs.com/wms01/p/9652040.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!