javascript過濾器

| | | | | | | | | | | | | | | | | | | | | | | | |

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 初學者教程的文章。