JavaScript – 數組 filter() 方法

JavaScript是一種廣泛用于網頁開發的編程語言，而數組是JavaScript中最常用的數據類型之一。愛掏網 - it200.com在JavaScript中，數組是一組有序的數據集合，可以保存多個值，這些值可以是數字、字符串、對象等。愛掏網 - it200.com

在JavaScript中，數組有許多內置方法，其中之一就是filter()方法。愛掏網 - it200.comfilter()方法可以遍歷數組中的每個元素，并根據指定的條件對數組進行過濾操作。愛掏網 - it200.com如果元素滿足條件，則保留該元素，否則刪除該元素。愛掏網 - it200.comfilter()方法返回一個新的數組，其中只包含滿足條件的元素。愛掏網 - it200.com

下面是一些使用filter()方法的示例代碼：

示例 1：過濾數組中的負數

const numbers = [1, -1, 2, -2, 3, -3];

const positiveNumbers = numbers.filter(function(number) {
  return number > 0;
});

console.log(positiveNumbers); // 輸出 [1, 2, 3]

在上面的代碼中，我們定義了一個名為numbers的數組。愛掏網 - it200.com然后，我們使用filter()方法遍歷數組中的每個元素，并返回一個新數組positiveNumbers，其中只包含大于0的元素。愛掏網 - it200.com

示例 2：過濾數組中的奇數

const numbers = [1, 2, 3, 4, 5, 6];

const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.log(evenNumbers); // 輸出 [2, 4, 6]

在上面的代碼中，我們定義了一個名為numbers的數組，并使用filter()方法遍歷數組中的每個元素。愛掏網 - it200.com如果該元素是偶數，則將其添加到新數組evenNumbers中。愛掏網 - it200.com最終的輸出結果是包含所有偶數的新數組。愛掏網 - it200.com

示例 3：過濾數組中的空字符串

const names = ["Alice", "", "Bob", " ", "Charlie", null, undefined, "David"];

const filterNames = names.filter(function(name) {
  return name.trim().length > 0;
});

console.log(filterNames); // 輸出 ["Alice", "Bob", "Charlie", "David"]

在上面的代碼中，我們定義了一個名為names的數組，并使用filter()方法遍歷數組中的每個元素。愛掏網 - it200.com如果元素不是空字符串，則將其添加到新數組filterNames中。愛掏網 - it200.com最終的輸出結果是一個新數組，其中只包含不為空的元素。愛掏網 - it200.com

結論

在JavaScript中，filter()方法是非常有用的一個數組方法，它可以根據指定的條件過濾數組中的元素，并返回一個新的數組。愛掏網 - it200.comfilter()方法可以應用于任何類型的數組，包括數字、字符串、對象等。愛掏網 - it200.com無論是篩選數字，還是篩選字符串，filter()方法都是非常方便實用的。愛掏網 - it200.com希望本文對你理解JavaScript中的filter()方法有所幫助。愛掏網 - it200.com