JavaScript ES6 Array.filter()方法总结

傷城~ 2022-10-06 05:54 168阅读 0赞

## **一、定义** ##

** filter() **方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

** filter **的中文意思是“筛选”，顾名思义，会对数组中的元素挨个进行检查，检查通过的，才能组成新的数组。

## **二、语法** ##

var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])

callback  
用来测试数组的每个元素的函数。返回 true 表示该元素通过测试，保留该元素，false 则不保留。它接受以下三个参数：  
element  
数组中当前正在处理的元素。  
index 可选  
正在处理的元素在数组中的索引。  
array 可选  
调用了 filter 的数组本身。  
thisArg 可选  
执行 callback 时，用于 this 的值。  
三、实例  
3.1 过滤数组中的假值

let array= [false, null, undefined, NaN, 0, ""]
    array.filter(Boolean)  // []

3.2.也可以通过上面方法过滤掉num为2的留下num为1的

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

3.3.去掉空数组空字符串、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.4.去掉数组中不符合项

var arr = [20,30,50, 96,50]
    var newArr = arr.filter(item => item>40)  
    console.log(newArr)

3.5.过滤不符合项

var arr = ['10','12','23','44','42']
    var newArr = arr.filter(item => item.indexOf('2')<0) 
    console.log(newArr)

3.6.数组去重

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]

3.7.数组去重es6

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)]

3.8.数组对象去重es6

完！！！