ES6 必须要用的数组Filter() 方法,不要再自己循环遍历了!!!

本文介绍JavaScript中数组操作的实用技巧,包括使用filter方法筛选特定条件的元素,清除数组中的空值如空字符串、undefined和null,以及如何实现数组去重。通过具体代码示例,帮助读者掌握这些常用操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,来一个最简单最常用的栗子:

获得年龄为9岁的孩子

 1   let arr = [
 2     {
 3       name:'小明',
 4       sex:0,
 5       age:9
 6     },
 7     {
 8       name:'小红',
 9       sex:1,
10       age:9
11     },
12     {
13       name:'小亮',
14       sex:0,
15       age:10
16     }
17   ]
18   console.log(arr.filter(item => item.age === 9));

结果为:[ { name: '小明' , sex: 0, age: 9 }, { name:'小红' , sex: 1, age: 9 } ]

filter方法的返回值为符合过滤条件的元素;

2,去掉数组空字符串、undefined、null

1   let arr2 = [ 1,3,5,null,4,undefined,10,'hahah','','end' ];
2 
3   console.log(arr2.filter(item => item));

结果为:[1, 3, 5, 4, 10, "hahah", "end"]

3,数组去重的用法

1   let arr3 = [ 1,3,3,6,5,5,8,9,8,'hahah','wer','hahah' ];
2   console.log(arr3.filter((item,index,self) => self.indexOf(item) == index));

转载于:https://www.cnblogs.com/lml2017/p/10018572.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值