es6 filter() 方法总结

最新推荐文章于 2025-08-29 14:38:01 发布

原创最新推荐文章于 2025-08-29 14:38:01 发布 · 9.5k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #数组去重 #数组筛选

es6 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用JavaScript的filter方法进行数组元素筛选，包括查找特定值、去除空值、筛选符合条件的元素以及数组去重等实用技巧。

判断数组中是否存在某个值

var arr = [
  { name:'xdd',  age:50},
  { name: 'xm', age: 12  }
]
var newArr = arr.filter(item => item.name=='xdd' )
// newArr :  [{name:'xdd',  age:50}]

去除 ‘’ ,undefined,null, 0

var arr = ['1',2,undefined, 'xdd',undefined,'0', 0, null, []]
var newArr = arr.filter(item => item)
// newArr : ['1','2','xdd', '0', []]

去掉数组中不符合项

var arr = [1, 2, 3, 4, 5,4, 6]
var newArr = arr.filter(item => item>4) 
// newArr : [5, 6]

数组去重

var arr = [1, 2, 6, 3, 4, 5,4, 6,4,5,6,1,5,5,6,2]
var newArr = arr.filter((x, index, self)=>{
	// x : 数组每一项的值
	// index: 每一项的下标
	// self: 当前数组
  return self.indexOf(x)===index
})
// newArr: [1,2,6,3,4,5]