zoukankan      html  css  js  c++  java
  • JavaScript里面Array.filter()的使用详解

    1、前言

      filter是JavaScript中Array的常用操作,用于把Array的某些元素过滤掉,然后返回剩下的元素。其主要原理是 filter会把传入的函数依次作用于每个元素,然后根据返回值是 true 还是false决定保留还是丢弃该元素。

    2、示例

      (1)示例1,在一个Array中过滤掉小于2的数据,得到大于2的数据,如下代码:

      

    var arr = [1, 2, 3, 4, 5, 6]
    console.log(arr)
    arr = arr.filter(function(x) {
        return x>2
    })
     console.log(arr)

      效果如下:

      可以看出,它原先的数据是[1, 2, 3, 4, 5, 6],但是通过filter,我们过滤掉了小于2的数据。

      (2)示例2,在一个Array中过滤掉name=小明的数据,如下代码:

      

    var arr = [
         {'name':'小红'},
         {'name':'小明'},
         {'name':'小李'},
         {'name':'小吴'},
         {'name':'小张'}
    ]
    console.log(arr)
    arr = arr.filter(function(x) {
         return x.name !== '小明'
    })
    console.log(arr)

      效果如下:

      可以看出,通过filter方法,我们过滤掉了,name=小明的数据。

    3、总结 ☺️

     

      以上就是关于Array.filter()的使用详解了,希望本文的内容对于大家的学习有所帮助,如果有疑问或者本文有不对的地方,大家可以留言交流以及批评指正。

     

  • 相关阅读:
    24、面向对象(内置方法)
    23、面向对象(包装)
    22、面向对象(反射)
    21、面向对象(封装)
    20、面向对象(多态)
    19、面向对象(继承)
    18、面向对象(静态属性、类方法、静态方法)
    LeetCode 3. Longest Substring Without Repeating Characters
    LeetCode 2.Add Two Numbers
    LeetCode 1. Two Sum
  • 原文地址:https://www.cnblogs.com/forward-wuyi/p/9373060.html
Copyright © 2011-2022 走看看