javascript過濾器

Michael Zippo

JavaScript () 過濾器方法從現有數組創建元素數組。 filter() 方法將回調函數作為參數。此函數評估是否應將項目從現有列表添加到新列表中。

如果您不知道 JavaScript ，你可能沒有聽說過 JavaScript 函數 filter() 和 reduce()。這些函數在處理對象列表時很有用，也稱為數組。

如果您只想從數組中獲取某些值，您應該能夠使用 filter() JavaScript 函數。在本教程中，我們將通過示例了解如何使用 filter() 函數。

更新數組namento

一個 JavaScript 數組存儲零個或多個元素。元素可以是數字、其他數組、字符串或使用其他類型的數據。它們使用以“0”開頭的編號索引來訪問特定項目。
數組允許您在同一個變量中存儲多個值。它可以幫助你寫得更好更簡潔，因為你不需要編寫多個變量來存儲你的值。
下面是一個 JavaScript 數組的例子：

JavaScript 過濾器數組
JavaScript 數組 filter() 方法根據現有數組的內容創建一個新數組。 filter() 方法對現有數組的每個元素評估一個回調函數。任何滿足回調函數條件的東西都會被添加到一個新列表中。
使用過濾器方法，我們能夠檢索滿足特定條件的值，並將它們添加到一個新數組中。

JavaScript數組過濾語法

過濾方法使用如下語法：

這段代碼根據數組“oldArr”的內容定義了一個名為“newArr”的數組。如果滿足條件，我們的回調函數會向新數組返回一個值。條件示例：
element> 5
element = = "Jessie"
element <3

您可以使用 JavaScript 比較運算符來創建您的條件。或者，您可以使用 if 語句。使用 if 語句可以控制將多個值中的哪一個添加到新列表中。
JavaScript 過濾器示例

過濾數字列表

讓我們從一個簡單的例子。我們在一家咖啡館有一份購物清單。我們想創建一個新的清單，顯示超過 10 美元的購買。
我們的購物清單如下所示：

我們可以使用filter()方法來檢索價值大於10美元的購買：

我們的程序會檢查購買的價值是否超過 10 美元。如果購買的價值超過 10 美元，則會將其添加到我們的 big_purchases 列表中。否則，購買被省略。
big_purchases JavaScript 變量的值為：

filter()方法返回我們定義的測試中超出的所有元素。這個測試是“項目> 10”。如果我們想訪問每個購買，我們可以參考我們原來的“購買”列表。我們的 filter() 方法返回一個值數組，大於 $10。
過濾一個對像數組

我們有一個數組，其中包含學校中每個人的姓名:

如果我們只想恢復一年級的學生呢？ Filter () 使這更容易。讓我們編寫一個函數，它將返回“students”數組中的所有一年級學生：

Filter() 接受一個參數。這是一個決定您對數據採取何種操作的函數。

function () 過濾器檢查“students”數組中的每個對象。 filter() 返回班級等於“第一年”的學生。運算符“===”表示相等。
過濾器函數將使用這些新值創建一個新數組，可通過“firstGradeStudents”變量訪問。

結論
您可以使用filter() 數組方法從現有表的內容中創建一個新表。索引在名稱中帶有 filter() 方法。 filter () 過濾現有數組的元素。
就是這樣！您現在可以在 JavaScript 中使用 reduce ()，而且更加安全。要了解有關如何使用 JavaScript 編碼的更多信息，請閱讀我們關於最佳 JavaScript 初學者教程的文章。