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

js filter() es6 方法总结

作者: 阳光之城alt | 来源:发表于2018-07-19 20:00 被阅读0次
image.png

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

let a = [1, 2, 3]; 
a.includes(2); 

var newarr = [
  { num: 1, val: 'ceshi', flag: 'aa' },
  { num: 2, val: 'ceshi2', flag: 'aa2'  }
]
console.log(newarr.filter(item => item.num===2 ))

<script type="text/javascript">
    var array = ["1","2","3","4"];
    alert(aray.indexOf(String(2)));
        alert(array.indexOf(5));
</script>
<script type="text/javascript">
     var array = [1,2,3,4];
     alert(array.indexOf(2));
     alert(array.indexOf(5));
</script>
var arr = ['1','2',undefined, '3.jpg',undefined]      
var newArr = arr.filter((element, index, array)=>{
    if(element==1){
        return element;
    }
 })
console.log(newArr)

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)

数组去重

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]

相关文章

  • 数组去重

    原生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/zghxmftx.html