美文网首页
filter() 数组过滤方法总结

filter() 数组过滤方法总结

作者: 秀萝卜 | 来源:发表于2021-12-20 09:46 被阅读0次

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

var arr = [
  { name:'xdd',  age:50},
  { name: 'xm', age: 12  }
]
var newArr = arr.filter(item => item.name=='xdd' )
// newArr :  [{name:'xdd',  age:50}]

2.去除 ‘’ ,undefined,null, 0

var arr = ['1',2,undefined, 'xdd',undefined,'0', 0, null, []]
var newArr = arr.filter(item => item)
// newArr : ['1','2','xdd', '0', []]

3.去掉数组中不符合项

var arr = [1, 2, 3, 4, 5,4, 6]
var newArr = arr.filter(item => item>4) 
// newArr : [5, 6]

4.数组去重

var arr = [1, 2, 6, 3, 4, 5,4, 6,4,5,6,1,5,5,6,2]
var newArr = arr.filter((x, index, self)=>{
    // x : 数组每一项的值
    // index: 每一项的下标
    // self: 当前数组
  return self.indexOf(x)===index
})
// newArr: [1,2,6,3,4,5]

相关文章

  • 前端常用数组方法

    es6 filter() 数组过滤方法总结1.创建一个数组,判断数组中是否存在某个值 2.也可以通过上面方法过滤掉...

  • 数组去除数组中为“假”的元素。

    array.filter(Boolean)Array.prototype.filter()方法用于过滤数组,返回一...

  • filter() 数组过滤方法总结

    1.创建一个数组,判断数组中是否存在某个值 2.去除 ‘’ ,undefined,null, 0 3.去掉数组中不...

  • ES5新增方法

    1. 数组方法forEach遍历数组 2. 数组方法filter过滤数组 3. 数组方法some 4. some和...

  • Js遍历总结

    总结一下JS常用的遍历方法 for 循环 forEach map filter 过滤 返回一个符合条件的数组 so...

  • ES6 过滤

    1、 filter()过滤数组 filter不会改变原始数组,会返回新的数组 2、 filter()遍历数组 3、...

  • vue实用技巧整理(持续更新)

    数组过滤器--filter filter()是一个数组方法,它会创建一个新的数组,新数组中的元素是通过检查指定数组...

  • ES6的语法笔记

    参考 遍历 forEach 过滤 filter 映射 map 汇总reduce 构造函数 数组方法 字符串方法 展...

  • vue常用之数组遍历

    遍历的三大方法:1、forEach,代替for循环的2、filter,根据条件过滤数组3、indexOf,数组循环...

  • PHP数组的进阶用法

    对于数组的基本操作,可参考PHP数组的相关操作 array_filter()过滤数组元素array_filter(...

网友评论

      本文标题:filter() 数组过滤方法总结

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