关键词搜索

全站搜索
×
密码登录在这里
×
注册会员

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

JS ES6中filter()过滤筛选使用方法详解

发布2022-05-30 浏览2440次

详情内容

JS ES6中filter()筛选在数组和对象过滤中使用十分方便,下面用实例讲解下如何使用ES6 filter筛选数组和对象。

* filter 不会改变原数组,不会对空数组进行检查

筛选符合条件项 

  var arr = ['10','12','23','44','42']  var newArr = arr.filter( (val) => val>30 ) 
  console.log(newArr); // ["44", "42"]

 

去掉数组非真值( undefined, null, false, ' ', 0 )

  var arr = [ '1', ' ', undefined, 2, null, '', 3, false, 0, true ];
  var newArr = arr.filter( (val)=> val )
  console.log(newArr); //  ["1", " ", 2, 3, true]
  // 空字符串不包含空格

 

数组去重

  var arr = [ 1, 2, 3, 4, 1, 1, 2, 2, 3, 3, 4, 4, "a", "b", "c", "a", "b", "b" ];
  var newArr = arr.filter( (val, index, arr) => arr.indexOf(val) === index );
  console.log(newArr); // [1, 2, 3, 4, "a", "b", "c"]

 

根据数组对象中某个值进行查找

  var arr = [
    { id:1, name:"abc", val:"aaa" },
    { id:2, name:"asd", val:"bbb" },
    { id:3, name:"qwe", val:"ccc" },
  ]  var newArr = arr.filter( (val) => val.id === 1 );
  console.log(newArr); // [{id: 1, name: "abc", val: "aaa"}]

 

点击QQ咨询
开通会员
上传资源赚钱
返回顶部
×
  • 微信支付
  • 支付宝付款
扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载