1、定义

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

2、语法

array.filter(function(currentValue,index,arr), thisValue);

3、参数说明

具体参数描述，如下图所示：

返回值

返回值	返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

4、用法

filter() 方法用于把Array中的某些元素过滤掉，然后返回剩下的未被过滤掉的元素。

5、注意事项

（1）filter() 不会对空数组进行检测；

（2）filter() 不会改变原始数组。

6、使用实例

根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。

1.返回数组array中所有元素都大于等于14的元素

eg:

var array = [14, 17, 18, 32, 33, 16, 40];

function checkItem(num) {

return num >= 14;

}

function numFunction() {

document.getElementById(“test”).innerHTML = array.filter(checkItem);  //显示结果：17, 18, 32, 33, 16, 40

}

判断数组里面是否存在某个值：

var array = [14, 17, 18, 32, 33, 16, 40];

newarr.filter(item => item.num==14); //判断数组中是否有14

console.log(newarr.filter(item => item.num==14)) //true

2.数组去重操作：对数组array中所有相同的元素进行去重复操作

function merge(array) {

return array.filter(function(item, index, arr) {

//当前元素，在原始数组中的第一个索引===当前索引值，否则返回当前元素

return array.indexOf(item, 0) === index;

});

}

var array = [2,2,’a’,’a’,true,true,15,17];

console.log(merge(array)); // 输出结果：[2, “a”, true, 15 ,17]

数组去重的另一个实例：

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 4, 5, 6, 7, 9,]

var newArray = array.filter(function(item, i, arr) {

let a = arr.indexOf(item)

return arr.indexOf(item) === i;

});

console.log(newArray); //输出结果：[1, 2, 3, 4, 5, 6, 7, 8, 9]

3.数组中保留奇数或者偶数

(1)保留数组中的偶数：

var array  = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

var newArray = array.filter((item, i, arr) => {

//函数自身返回的是一个布尔值，只当返回值为true时，当前元素才会存入新的数组中。

return item % 2 === 0;

})

console.log(newArr); //输出结果：[2, 4, 6, 8, 10]

(2)保留数组中的奇数：

var array  = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

var newArray = array.filter((item, i, arr) => {

//函数自身返回的是一个布尔值，只当返回值为true时，当前元素才会存入新的数组中。

return item % 2 !== 0;

})

console.log(newArr); //输出结果：[1, 3, 5, 7, 9]

4.去掉数组中的空字符串、undefined、null

(1)去掉数组中的undefined

var array = [‘1’,‘2’,undefined, ‘3.png’,undefined, ‘a’]

var newArray = arr.filter(item => item)

console.log(newArray)

(2)去掉数组中的null
]

})

console.log(newArr); //输出结果：[1, 3, 5, 7, 9]

4.去掉数组中的空字符串、undefined、null

(1)去掉数组中的undefined

var array = [‘1’,‘2’,undefined, ‘3.png’,undefined, ‘a’]

var newArray = arr.filter(item => item)

console.log(newArray)

(2)去掉数组中的null