ホームページ > ウェブフロントエンド > jsチュートリアル > 別の配列と特定の属性に基づいて JavaScript オブジェクト配列をフィルターする方法

別の配列と特定の属性に基づいて JavaScript オブジェクト配列をフィルターする方法

Mary-Kate Olsen
リリース: 2024-12-09 02:02:11
オリジナル
714 人が閲覧しました

How to Filter a JavaScript Object Array Based on Another Array and a Specific Attribute?

JavaScript での別の配列に基づくオブジェクト配列のフィルタリング

このタスクでは、オブジェクトの配列をフィルタリングして、オブジェクトの配列に基づいて特定のターゲット オブジェクトを抽出する必要があります。 ID。オブジェクト (人) の配列と目的の ID (id_filter) の配列が与えられた場合、私たちの目標は、ターゲット ID に一致し、特定の属性 (この場合は「性別: "m"」) を持つ人のサブセットを返すことです。

解決策:

配列をフィルタリングする最も効率的な方法は、filter() 関数を使用することです。 filter() 関数は、配列内のオブジェクトがフィルタリングされた結果に含まれるかどうかを決定するコールバック関数を受け取ります。オブジェクトの id プロパティが id_filter 配列に存在するかどうかを確認するコールバック関数を構築できます。さらに、「性別」属性に基づいてフィルターする条件を追加できます。

実装は次のとおりです:

const filteredPeople = people.filter(person => id_filter.includes(person.id) && person.gender === "m");
ログイン後にコピー

この実装では:

  • people .filter() は、コールバック関数のフィルターを通過するオブジェクトのみを含む新しい配列を作成します。
  • コールバック関数、アロー関数 (person => ...) で表され、オブジェクト person を入力として受け取り、それが定義された基準を満たすかどうかを評価します。
  • 式 id_filter.includes(person.id) は、オブジェクトのid プロパティは id_filter 配列に存在します。
  • 条件 person.gender === "m" により、"gender" 属性が "m" に設定されたオブジェクトのみが確実に抽出されます。

結果として得られる filteredPeople 配列には、指定された ID と一致する性別を持つ元の people 配列のオブジェクトが含まれます。

以上が別の配列と特定の属性に基づいて JavaScript オブジェクト配列をフィルターする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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