1、定義

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

　　2、語法

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

　　 3、參數說明

　　callback

　　循環數組每個元素時調用的回調函數。回調函數返回 true 表示保留該元素，false 則不保留。它接受以下三個參數：

　　（1）element

　　數組中當前正在處理的元素。

　　（2）index可選

　　正在處理的元素在數組中的索引。

　　（3）selfArr可選

　　調用了 filter 方法的數組本身。

　　thisArg可選

　　執行 callback 時，用于 改變callback函數this 的值。

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

　　詳細描述

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

　　callback 回調函數被調用時傳入三個參數：

　　1.數組當前元素的值

　　2.元素在數組中的索引

　　3.被遍歷的數組本身

　　如果為 filter 提供一個 thisArg 參數，則它會被作為 callback 被調用時的 this 值。否則，callback 的 this 值在非嚴格模式下將是全局對象，嚴格模式下為 undefined。（callback 函數最后的this指向根據this指向規則進行確定）

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

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

　　4、用法

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

　　5、注意事項

　　1、filter() 不會對空數組進行檢測；

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

　　6、使用實例

　　1.返回數組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.數組去重操作：對數組array中所有相同的元素進行去重復操作。

　　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、數組中保留奇數或者偶數。

　　//保留偶數----------------------------------------
　　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]
　　//保留奇數----------------------------------------
　　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、去掉數組中的假值，比如：空字符串、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、把對象數組array中的某個屬性值取出來存到數組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結合find方法，實現兩個數組的補集的解決方法，oldArr的元素newArr中都有，在newArr中去掉所有的oldArr。

　　find() 方法返回數組中滿足提供的測試函數的第一個元素的值。這里有四個元素，那么就會返回兩個數組元素相等的值，這里取反就返回不相等的值， 不取反的時候因為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 => {
　　//此處取反去掉，將變換元素狀態
　　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的值

　　附：多條件單數據篩選

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

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