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 阅读(268) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？

Jade

JS filter使用

导航

公告

搜索

常用链接

随笔分类

随笔档案

相册

阅读排行榜

评论排行榜

推荐排行榜

最新评论