JavaScript でオブジェクトの配列を複数の条件でフィルタリングする方法-jsチュートリアル-php.cn

JavaScript でオブジェクトの配列を複数の条件でフィルタリングする方法

Susan Sarandon

リリース： 2024-10-26 12:14:02

オリジナル

865 人が閲覧しました

How to Filter an Array of Objects with Multiple Conditions in JavaScript?

JavaScript での複数の条件によるオブジェクトの配列のフィルタリング

複数の条件に基づいてオブジェクトの配列を単純化するには、filter() メソッドを使用します。有効活用されること。この方法を使用すると、特定の基準を満たす要素のみを選択することで、元の配列を絞り込むことができます。

次のユーザーの配列を考えてみましょう:

<code class="javascript">var users = [
    {
        name: 'John',
        email: '[email&#160;protected]',
        age: 25,
        address: 'USA'
    },
    {
        name: 'Tom',
        email: '[email&#160;protected]',
        age: 35,
        address: 'England'
    },
    {
        name: 'Mark',
        email: '[email&#160;protected]',
        age: 28,
        address: 'England'
    }
];</code>

ログイン後にコピー

この配列をベースにフィルタリングしたいとします。アドレスと名前の両方のプロパティで。これを実現するには、次のアプローチを利用できます。

<code class="javascript">var filter = {
  address: 'England',
  name: 'Mark'
};

users = users.filter(function(item) {
  for (var key in filter) {
    if (item[key] === undefined || item[key] != filter[key])
      return false;
  }
  return true;
});</code>

ログイン後にコピー

この場合、フィルターオブジェクトは、満たされる条件を定義します。つまり、住所は「England」、名前は「Mark」です。次に、filter() メソッドは各ユーザーオブジェクトを反復処理し、フィルターオブジェクト内のすべての条件が満たされているかどうかを確認します。すべての条件を満たすオブジェクトのみがフィルターされた配列に保持されます。

このアプローチを使用すると、複数の条件に基づいて配列を効果的に絞り込むことができ、柔軟かつ効率的に配列から特定のオブジェクトを選択できます。より大きなデータセット。

以上がJavaScript でオブジェクトの配列を複数の条件でフィルタリングする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。