jsでフィルター関数を使う方法

JavaScript フィルター関数は、特定の条件を満たす配列内の要素をフィルターし、条件を満たす要素で構成される新しい配列を返すために使用されます。使用法には、単純または複雑な条件を満たす要素のフィルタリング、およびフィルター チェーンの作成が含まれます。フィルター関数は元の配列を変更しません。コールバック関数はブール値を返す必要があります。ブール値が返されない場合は、エラーがスローされます。

JavaScript でのフィルター関数の使用法

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>

例:

次の例は、filter 関数を使用して生徒のスコアを含む配列をフィルターし、不合格の生徒のリストを取得する方法を示しています。

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

変数には次の要素が含まれます:

52failingScores

45

• 注:

フィルター関数自体は元の配列を変更しません。

コールバック関数はブール値を返す必要があります。ブール値が返されない場合は、エラーがスローされます。

以上がjsでフィルター関数を使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。