码迷,mamicode.com
首页 > Web开发 > 详细

JS filter使用

时间:2018-09-15 20:53:22      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:http   class   init   head   charset   win   doc   使用   com   

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使用

标签:http   class   init   head   charset   win   doc   使用   com   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!