1、定義

　　filter() 方法創(chuàng)建一個新數(shù)組, 其包含通過所提供函數(shù)實現(xiàn)的測試的所有元素。

　　2、語法

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

　　 3、參數(shù)說明

　　callback

　　循環(huán)數(shù)組每個元素時調(diào)用的回調(diào)函數(shù)?；卣{(diào)函數(shù)返回 true 表示保留該元素，false 則不保留。它接受以下三個參數(shù)：

　?。?）element

　　數(shù)組中當(dāng)前正在處理的元素。

　?。?）index可選

　　正在處理的元素在數(shù)組中的索引。

　?。?）selfArr可選

　　調(diào)用了 filter 方法的數(shù)組本身。

　　thisArg可選

　　執(zhí)行 callback 時，用于 改變callback函數(shù)this 的值。

　　一個新的、由調(diào)用callback函數(shù)返回值為true的元素組成的數(shù)組，如果callback函數(shù)調(diào)用米沒有返回true，則返回空數(shù)組。

　　詳細(xì)描述

　　filter 方法循環(huán)數(shù)組中的每個元素時調(diào)用一次 callback 函數(shù)，并利用所有使得 callback 回調(diào)函數(shù)返回 true 或等價于 true 的值的元素創(chuàng)建一個新數(shù)組。注意：callback 回調(diào)函數(shù)只會在已經(jīng)賦值的索引上被調(diào)用，對于那些已經(jīng)被刪除或者從未被賦值的索引不會被調(diào)用。那些沒有通過 callback 測試的元素會被跳過，不會被包含在新數(shù)組中。

　　callback 回調(diào)函數(shù)被調(diào)用時傳入三個參數(shù)：

　　1.數(shù)組當(dāng)前元素的值

　　2.元素在數(shù)組中的索引

　　3.被遍歷的數(shù)組本身

　　如果為 filter 提供一個 thisArg 參數(shù)，則它會被作為 callback 被調(diào)用時的 this 值。否則，callback 的 this 值在非嚴(yán)格模式下將是全局對象，嚴(yán)格模式下為 undefined。（callback 函數(shù)最后的this指向根據(jù)this指向規(guī)則進(jìn)行確定）

　　filter 不會改變原數(shù)組，它返回過濾后的新數(shù)組。（雖然filter 方法本身不會改變原數(shù)組，但是我們可以在callback函數(shù)中進(jìn)行改變）。

　　filter 遍歷的元素范圍在第一次調(diào)用 callback 之前就已經(jīng)確定了。在調(diào)用 filter 之后被添加到數(shù)組中的元素不會被 filter 遍歷到。如果已經(jīng)存在的元素被改變了，則他們傳入 callback 的值是 filter 遍歷到它們那一刻的值。被刪除或從來未被賦值的元素不會被遍歷到。

　　4、用法

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

　　5、注意事項

　　1、filter() 不會對空數(shù)組進(jìn)行檢測；

　　2、filter() 不會改變原始數(shù)組。

　　6、使用實例

　　1.返回數(shù)組array中所有元素都大于等于14的元素、返回等于14、返回大于某個值和小于某個值的元素的元素。1

　　const array = [14, 17, 18, 32, 33, 16, 40];
　　const newArr = array.filter(num => num > 14)
　　console.log(newArr);//打印 [17,18,32,33,16,40]
　　// 查找某個值-------------------------
　　const array = [14, 17, 18, 32, 33, 16, 40];
　　const newArr = array.filter(num => num == 14)
　　console.log(newArr);//打印 [14]
　　//返回大于某個值和小于某個值的元素
　　const array = [14, 17, 18, 32, 33, 16, 40];
　　const newArr = array.filter(num => num > 14 && num < 33)
　　console.log(newArr);//打印 [17, 18, 32, 16]

　　2.數(shù)組去重操作：對數(shù)組array中所有相同的元素進(jìn)行去重復(fù)操作。

　　const array = [2, 2, 'a', 'a', true, true, 15, 17]
　　const newArr = array.filter((item, i, arr) => {
　　return arr.indexOf(item) === i
　　})
　　console.log(newArr);//打印 [2, 'a', true, 15, 17]
　　//-------------------------------------------------------------------------
　　const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 4, 5, 6, 7, 9,]
　　const newArr = array.filter((item, i, arr) => {
　　return arr.indexOf(item) === i
　　})
　　console.log(newArr);// 打印 [1, 2, 3, 4, 5, 6, 7, 8, 9]

　　3、數(shù)組中保留奇數(shù)或者偶數(shù)。

　　//保留偶數(shù)----------------------------------------
　　const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
　　const newArr = array.filter((item, i, arr) => {
　　return item % 2 === 0
　　})
　　console.log(newArr);// 打印 [2, 4, 6, 8, 10]
　　//保留奇數(shù)----------------------------------------
　　const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
　　const newArr = array.filter((item, i, arr) => {
　　return item % 2 !== 0
　　})
　　console.log(newArr);// 打印 [1, 3, 5, 7, 9]

　　4、去掉數(shù)組中的假值，比如：空字符串、undefined、null、0、false。

　　const array = [
　　{ id: 3 },
　　{ id: 4 },
　　{ id: null },
　　{ id: undefined },
　　{ id: '' },
　　{ id: 0 },
　　{ id: false }
　　]
　　const newArr = array.filter(({ id }) => id)
　　console.log(newArr);// 打印 [{ "id": 3 },{ "id": 4 }]
　　//-------------------------------------------------------------------
　　const array = [undefined, null, 3, 5, 'a', false, 0]
　　const newArr = array.filter(item => item)
　　console.log(newArr);// 打印 [3, 5, 'a']

　　5、把對象數(shù)組array中的某個屬性值取出來存到數(shù)組newArr中。

　　const array = [
　　{ name: "a", type: "letter" },
　　{ name: '1', type: "digital" },
　　{ name: 'c', type: "letter" },
　　{ name: '2', type: "digital" },
　　];
　　const newArr = array.filter((item, i, arr) => {
　　return item.type === "letter"
　　})
　　console.log(newArr);
　　// 打印 [{ "name": "a", "type": "letter" }, { "name": "c", "type":"letter" }]

　　6、filter結(jié)合find方法，實現(xiàn)兩個數(shù)組的補(bǔ)集的解決方法，oldArr的元素newArr中都有，在newArr中去掉所有的oldArr。

　　find() 方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的值。這里有四個元素，那么就會返回兩個數(shù)組元素相等的值，這里取反就返回不相等的值， 不取反的時候因為30的元素不符合，所以不返回30的值。

　　const array = [32, 4, 11, 55, 46, 99, 104, 54, 16, 33, 78, 43, 40]
　　const oldArr = [32, 33, 16, 40, 30]
　　function myfunction() {
　　const result = array.filter(item1 => {
　　//此處取反去掉，將變換元素狀態(tài)
　　return !oldArr.find(item2 => {
　　return item1 === item2
　　})
　　})
　　return result
　　}
　　const newArr = myfunction()
　　console.log(newArr);
　　// 取反打印 [4, 11, 55, 46, 99, 104, 54, 78, 43]
　　// 不取反打印 [32, 16, 33, 40] 此處30的元素不符合，所以不返回30的值

　　附：多條件單數(shù)據(jù)篩選

　　根據(jù)單個名字或者單個年齡篩選，用filter方法，判斷條件之間是或的關(guān)系。

　　// 根據(jù)名字或者年齡篩選
　　function filterByName2(aim, name, age) {
　　return aim.filter(item => item.name == name || item.age == age)
　　}
　　console.log(filterByName2(aim,'Leila',19))