zoukankan      html  css  js  c++  java
  • 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表达式,@~~@,真是天下语言一个样

  • 相关阅读:
    ibatis核心内容概述
    ibatis selectKey
    setTimeout ;setInterval
    <select>设置multiple="multiple"属性后 下拉框全部展开了 不再是折叠的怎么回事
    $.ajax()实例
    html页面不显示中文
    sublime卡顿
    error_reporting
    js笔记
    怎样查看MYSQL数据库的端口号
  • 原文地址:https://www.cnblogs.com/wms01/p/9652040.html
Copyright © 2011-2022 走看看