JavaScript ES6 中filter()方法的使用

filter() 方法创建一个新的数组并返回,在新数组中的元素是通过检查指定数组中也就是调用filter方法的数组中符合条件的所有元素。

调用方法:
array.filter(function(currentValue, currentIndex, originalArray), thisValue)
参数说明:
currentValue 必填。当前元素的值
currentIndex可选。当前元素的索引值
originalArray可选。当前元素所属于的数组对象,也就是调用此方法的数组

返回数组对象中存在某属性的对象

var newarr = [
  { num: 1, val: 'test', flag: 'aa' },
  { num: 2, val: 'exam', flag: 'bb'  }
]
console.log(newarr.filter(item => item.num===2 ))
// 输出 {num: 2, val: "ceshi2", flag: "aa2"}

去除字符串中的空串,null,false,undefined

var arr2 = ['1','',undefined, null, false, '2',]
console.log(arr2.filter(item => item))
// 输出 ["1", "2"]

去除数组中不符合要求项

var arr3 = [20, 30, 40, 50, 60]
console.log(arr3.filter(item => item>35))
// 输出 [40, 50, 60]

去除数组中重复项

var arr4 = [1, 2, 2, 3, 4, 4, 5, 6, 6]
console.log(arr4.filter((value, index, array)=>array.indexOf(value)===index))
// 输出 [1, 2, 3, 4, 5, 6]
  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值