JavaScript里面Array.filter()的使用详解

摘要:
2、示例示例1,在一个Array中过滤掉小于2的数据,得到大于2的数据,如下代码:vararr=[1,2,3,4,5,6]console.logarr=arr.filterconsole.log效果如下:可以看出,它原先的数据是[1,2,3,4,5,6],但是通过filter,我们过滤掉了小于2的数据。

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)

效果如下:

JavaScript里面Array.filter()的使用详解第1张

可以看出,它原先的数据是[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)

效果如下:

JavaScript里面Array.filter()的使用详解第2张

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

3、总结☺️

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

免责声明:文章转载自《JavaScript里面Array.filter()的使用详解》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Android之查看外部依赖jar的源代码_android private libralies does not allow modifications to sourceSQLServer聚集索引导致的插入性能低下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Array数组

数组主要是用来 存储一组数据的: 1、掌握如何创建数组 2、掌握数组元素的读和写 3、掌握数组的length属性 创建数组的基本方式有两种: 1、使用Array构造函数 语法:new Array() new 是新建创建的意思 小括号()说明: (1)预先知道数组要保存的项目数量 (2)向Array构造函数中传递数组应包含的项。 <script>...

如何扁平化2维数组和多维数组

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...

ES6 Interator

Interator "集合"数据的结构主要有 Array 、Object、 Set and Map ,任何数据结构只要部署 Iterator 接口,就可完成遍历操作 遍历过程: 创建指针,指向当前数据结构起始位。(遍历对象本质是一个指针对象)。 依次循环调用指针对象的 next方法,对应指向数据结构成员,直至结束。每次调用next方法,返回对象当前成员的...

爬虫 数据分析 numpy

数据分析:是把隐藏在一些看似杂乱无章的数据背后的信息提炼出来,总结出所研究对象的内在规律 数据分析三剑客:Numpy,Pandas,Matplotlib NumPy(Numerical Python) 是 Python 语言的一个扩展程序库,支持大量的维度数组与矩阵运算,此外也针对数组运算提供大量的数学函数库。 创建 # 创建ndarry # 创建一维数组...

JS中的map()方法

map定义和方法 map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 注意: map不会对空数组进行检测 map不会改变原始数组 arr.map(function(currentValue,index,arr),thisValue) 参数说明 function(currentVal...

DELPHI 关于内存数据与 JSON

正在用 WebBroker 写一个小网站,感受颇多:1、如果是写一个小东西,应该先考虑下 WebBroker,因为它是分分钟即可上手的。2、如果要写一个大东西,或许也应该考虑下 WebBroker,因为相比其他它有着最高的灵活度(但这只是想像,因为我只是写了一个小东西)。3、Delphi 3 就有了 WebBroker,可惜现在才开始使用它;随着“服务器”...