• 技术文章 >web前端 >js教程

    filter函数怎么使用

    不言不言2019-02-21 16:08:33原创3952
    JavaScript中的arr.filter()函数用于从给定数组创建一个新数组,该数组仅包含给定数组中满足参数函数设置条件的那些元素。下面我们就来具体看一下filter()的使用方法。

    JavaScript

    filter()的基本语法如下:

    var newArray = arr.filter(arg_function[, this_arg])

    filter()函数的参数是另一个函数,它定义要为数组的每个元素检查的条件。这个arg_function本身有三个参数:

    array:这是调用.filter()函数的数组

    index:这是函数处理的当前元素的索引。

    element:这是函数正在处理的当前元素。

    另一个参数this_arg用于表示函数在执行参数函数时使用此值。

    下面我们来看具体的示例

    函数filter()创建一个新数组,该数组仅包含满足isPositive()函数检查的条件的元素。

    例1:

    <!DOCTYPE html>
    <html>
    <head>
      <title></title>
    </head>
    <body>
    
    <script> 
    function isPositive(value) { 
      return value > 0; 
    } 
      
    function func() { 
        var filtered = [112, 52, 0, -1, 944].filter(isPositive); 
        document.write(filtered); 
    } 
    func(); 
    </script> 
    </body>
    </html>

    输出结果为:112,52,944

    例2:

    <!DOCTYPE html>
    <html>
    <head>
      <title></title>
    </head>
    <body>
    <script> 
    function isEven(value) { 
      return value%2 == 0; 
    } 
      
    function func() { 
        var filtered = [11, 98, 31, 23, 944].filter(isEven); 
        document.write(filtered); 
    } 
    func(); 
    </script> 
    </body>
    </html>

    输出结果为:98,944

    本篇文章到这里就已经全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

    以上就是filter函数怎么使用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:filter
    上一篇:flatMap函数怎么使用 下一篇:from函数怎么使用
    千万级数据并发解决方案

    相关文章推荐

    • 推荐个Css的filter常用滤波器属性及语句大全_基础教程• AngularJS中的过滤器filter用法完全解析_AngularJS• Angularjs中如何使用filterFilter函数过滤_AngularJS• filters.revealTrans.Transition使用方法小结_javascript技巧• jQuery中filter(),not(),split()使用方法_jquery
    1/1

    PHP中文网