本文摘自PHP中文网,作者青灯夜游,侵删。
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
es6 filter()方法的用法
1、创建一个数组,判断数组中是否存在某个值
1 2 3 4 5 | var newarr = [
{ num: 1, val: 'ceshi' , flag: 'aa' },
{ num: 2, val: 'ceshi2' , flag: 'aa2' }
]
console.log(newarr.filter(item => item.num===2 ))
|
2、去掉空数组空字符串、undefined、null
1 2 3 4 5 6 7 8 9 10 11 12 | var arr = [ '1' , '2' ,undefined, '3.jpg' ,undefined]
var newArr = arr.filter(item => item)
console.log(newArr)
var arr = [ '1' , '2' , null , '3.jpg' , null ]
var newArr = arr.filter(item => item)
console.log(newArr)
var arr = [ '1' , '2' , '' , '3.jpg' , '' ]
var newArr = arr.filter(item => item)
console.log(newArr)
|
3、去掉数组中不符合项
1 2 3 | var arr = [20,30,50, 96,50]
var newArr = arr.filter(item => item>40)
console.log(newArr)
|
4、过滤不符合项
1 2 3 | var arr = [ '10' , '12' , '23' , '44' , '42' ]
var newArr = arr.filter(item => item.indexOf( '2' )<0)
console.log(newArr)
|
5、数组去重
1 2 3 | var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)
console.log(arr2);
|
推荐教程:《JavaScript视频教程》
以上就是es6 filter()方法如何实现?用法介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
js+html5实现页面可刷新的倒计时效果
jq实现弹幕效果
jquery选择器怎么写
es6是什么
typescript 和 javascript 的区别
js怎么设置div的css
javascript如何替换中间内容
js怎么修改css属性
jsp调用javascript方法是什么
js正则表达式的字符匹配
更多相关阅读请进入《Filter》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » es6 filter()方法如何实现?用法介绍