2025年3月23日 星期日 甲辰(龙)年 月廿二 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

es6 filter() 数组过滤方法总结(可能不兼容IE)

时间:12-11来源:作者:点击数:28

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

  • // 1.创建一个数组,判断数组中是否存在某个值
  • var newarr = [
  • { num: 1, val: 'ceshi111', flag: 'aa111' },
  • { num: 2, val: 'ceshi222', flag: 'aa222' }
  • ];
  • var filter = newarr.filter(item => item.num===2 );
  • console.log(filter)
在这里插入图片描述

** 2.创建一个数组,过滤掉num为2的留下num为1的**

  • var newarr = [
  • { num: 1, val: 'ceshi111', flag: 'aa111' },
  • { num: 2, val: 'ceshi222', flag: 'aa222' }
  • ];
  • var filter = newarr.filter(item => item.num!=2 );
  • console.log(filter)
在这里插入图片描述

3 创建一个数组,去掉空数组空字符串、undefined、null

  • var arr1 = ['1','2',undefined, '3.jpg',undefined]
  • var newArr1 = arr1.filter(item => item)
  • console.log(newArr1)
  • var arr2 = ['1','2',null, '3.jpg',null]
  • var newArr2 = arr2.filter(item => item)
  • console.log(newArr2)
  • //空字符串里面不能包含空格
  • var arr3 = ['1','2','', '3.jpg','']
  • var newArr3 = arr3.filter(item => item)
  • console.log(newArr3)
在这里插入图片描述

4 创建一个数组,去掉数组中不符合项

  • var arr = [20,30,50, 96,50]
  • var newArr = arr.filter(item => item>40)
  • 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]
在这里插入图片描述

6 数组对象去重es6

  • let person = [
  • {id: 0, name: "小明"},
  • {id: 1, name: "小张"},
  • {id: 2, name: "小李"},
  • {id: 3, name: "小孙"},
  • {id: 1, name: "小周"},
  • {id: 2, name: "小陈"},
  • ];
  • let obj = {};
  • let peon = person.reduce((cur,next) => {
  • obj[next.id] ? "" : obj[next.id] = true && cur.push(next);
  • return cur;
  • },[])
  • //设置cur默认类型为数组,并且初始值为空的数组
  • console.log(peon);
在这里插入图片描述

7 .数组去重

  • var arr=[1,2,1,'1',null,null,undefined,undefined,NaN,NaN]
  • let res=Array.from(new Set(arr));//{1,2,"1",null,undefined,NaN}
  • //or let newarr=[...new Set(arr)]
  • console.log(res);
在这里插入图片描述
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门