js中filter函數的用法

JavaScript filter 函數用來過濾陣列中符合特定條件的元素，傳回由滿足條件的元素組成的新陣列。用法包括：過濾滿足簡單或複雜條件的元素，以及建立過濾器鏈。 filter 函數不會修改原始數組，回呼函數必須傳回布林值，如果未傳回布林值，將會拋出錯誤。

JavaScript 中filter 函數的用法

filter 函數是JavaScript 陣列內建方法，用於過濾數組中滿足特定條件的元素，傳回一個由符合條件的元素組成的新數組。

語法：

<code class="javascript">filter(callback(element, index, array))</code>

參數：

• callback(element, index, array)：一個必須傳回布林值的回呼函數。

  • element：目前正在處理的陣列元素。
  • index：目前元素在陣列中的索引。
  • array：正在處理的陣列本身。

傳回值：

一個包含滿足回呼函數條件的所有元素的新陣列。

用法：

1. 過濾滿足簡單條件的元素：

<code class="javascript">const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter((num) => num % 2 === 0);</code>

2. 過濾滿足複雜條件的元素：

<code class="javascript">const users = [
  { name: 'John', age: 25 },
  { name: 'Mary', age: 30 },
  { name: 'Bob', age: 18 }
];
const adults = users.filter((user) => user.age >= 18);</code>

3. 過濾器鏈：

<code class="javascript">const evenAndGreaterThan3 = numbers.filter((num) => num % 2 === 0).filter((num) => num > 3);</code>

範例：

以下範例演示如何使用filter 函數過濾包含學生分數的數組，取得不及格的學生名單：

<code class="javascript">const scores = [90, 85, 77, 65, 52, 45];
const failingScores = scores.filter((score) => score < 60);</code>

failingScores 變數將包含以下元素：

• #52
• 45

注意：

• #filter 函數本身不會修改原始陣列。
• 回呼函數必須傳回布林值。如果未傳回布林值，將會拋出錯誤。

以上是js中filter函數的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！