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

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

DDD
リリース: 2024-12-25 00:52:10
オリジナル
266 人が閲覧しました

How Can I Filter a JavaScript Array of Objects Based on Specific Attributes?

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

この記事は、JavaScript で特定の属性に基づいてオブジェクトの配列をフィルタリングする方法を説明することを目的としています。 。概念を説明するために、例として不動産住宅オブジェクトの仮想配列を使用します。

提供されたオブジェクト配列には、価格、平方フィート、ベッド数、ベッド数などの属性を持つ複数の住宅が含まれています。お風呂。目標は、次のような特定の基準を満たす住宅のみを含む新しい配列を作成することです。

  • 価格が 1000 以下
  • 面積が 500 以上
  • ベッド数 2 以上
  • 浴槽数 以上2.5

これを実現するには、JavaScript Array.prototype.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 配列の各要素を反復処理します。
  • 要素ごとに、個別のホーム オブジェクトを引数として受け取る、提供されたコールバック関数が実行されます。
  • コールバック関数では、論理演算子を使用して価格、平方フィート、ベッド数、およびバスの数の条件を確認して、指定された基準を適用します。
  • 特定の住宅ですべての条件が満たされる場合、その住宅はnew array.

このコードを実行すると、指定された基準を満たす住宅のみを含む配列 (newArray) が取得されます。このアプローチは、カスタム属性に基づいてオブジェクトの大規模な配列をフィルタリングする柔軟かつ効率的な方法を提供します。

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

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