美文网首页
js filter() es6 方法总结

js filter() es6 方法总结

作者: 蘑菇不寂寞 | 来源:发表于2019-05-09 16:54 被阅读0次

1.创建一个数组,判断数组中是否存在某个值

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

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.去掉数组中不符合项

var arr = [20,30,50, 96,50]

var newArr = arr.filter(item => item>40) 

console.log(newArr)

4.过滤不符合项

var arr = ['10','12','23','44','42']

var newArr = arr.filter(item => item.indexOf('2')<0)

console.log(newArr)

5.数组去重

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); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]

---------------------

作者:bossxu_

来源:CSDN

原文:https://blog.csdn.net/bossxu_/article/details/80756563

版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章

  • 数组去重

    原生js 利用indexOf 利用filter()方法 ES6

  • js filter() es6 方法总结

    1 创建一个数组,判断数组中是否存在某个值 2去掉空数组空字符串、undefined、null 3.去掉数组中不符...

  • js filter() es6 方法总结

    1.创建一个数组,判断数组中是否存在某个值 var newarr = [ { num: 1, val: 'cesh...

  • js filter() es6 方法总结

    1.创建一个数组,判断数组中是否存在某个值 var newarr = [ { num: 1, val: 'cesh...

  • js filter() es6 方法总结

    demo 点击按钮获取数组中大于 18 的所有元素。 filter() 方法创建一个新的数组,新数组中的元素是通过...

  • es6数组方法find()、findIndex()与filter

    总结一下es6常用的数组方法find()、findIndex()与filter() find() 该方法主要应用于...

  • java二十四(Stream)1.8新特性

    一、Stream类集合拥有更好迭代器作用(类似js ES6操作数组的方法map、filter等), 二、集合转化为...

  • es6 filter() 方法总结

    判断数组中是否存在某个值 去除 '' ,undefined,null, 0 去掉数组中不符合项 数组去重 更多详细...

  • ES6 数组方法

    ES6 以下是个人对ES6 数组方法的理解和学习 map() 用法 : filter() forOf遍历方法 ​ ...

  • 数组去重

    方法一 方法二、使用filter()方法 方法三、indexof() 方法四、空对象 方法五、ES6数组去重

网友评论

      本文标题:js filter() es6 方法总结

      本文链接:https://www.haomeiwen.com/subject/jrcgoqtx.html