ホームページ > ウェブフロントエンド > jsチュートリアル > 複数の属性に基づいて JavaScript オブジェクト配列をフィルタリングするにはどうすればよいですか?

複数の属性に基づいて JavaScript オブジェクト配列をフィルタリングするにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-29 13:54:09
オリジナル
257 人が閲覧しました

How Can I Filter a JavaScript Object Array Based on Multiple Attributes?

属性に基づいたオブジェクト配列のフィルタリング

特定の属性に基づいてオブジェクトの特定の配列をフィルタリングするには、Array.prototype を利用できます。 JavaScriptのfilterメソッド。この強力なメソッドを使用すると、指定した基準を満たす要素のみを含む新しい配列を作成できます。

たとえば、不動産住宅オブジェクトの配列があり、価格に基づいて住宅のサブセットを返したいとします。

これを実現するには、次のようなフィルター メソッドを使用できます。

var newArray = homes.filter(function (el) {
  return el.price <= 1000 &&
         el.sqft >= 500 &&
         el.num_of_beds >= 2 &&
         el.num_of_baths >= 2.5;
});
ログイン後にコピー

この中で例:

  • フィルター メソッドは、'homes' 配列内の各オブジェクトを反復処理します。
  • オブジェクトごとに、指定された論理演算子 ( &&).
  • オブジェクトがすべての条件を満たす場合、そのオブジェクトは'newArray'.

特定の要件に基づいてフィルター条件を変更できます。たとえば、価格が 1000 ドル未満、面積が 500 平方フィート以上、ベッドが 2 つ以上、バスルームが 1.5 つ以上ある家を検索するには、次の基準を使用します。

el.price <= 1000 &&
el.sqft >= 500 &&
el.num_of_beds >= 2 &&
el.num_of_baths >= 1.5;
ログイン後にコピー

このコードは、'の配列を取得し、これらの条件を満たすオブジェクトのみを返し、フィルター処理された結果を含む新しい配列を作成します。

以上が複数の属性に基づいて JavaScript オブジェクト配列をフィルタリングするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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