ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でオブジェクトの配列を複数の条件でフィルタリングする方法

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

Susan Sarandon
リリース: 2024-10-26 12:14:02
オリジナル
852 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート