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

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

DDD
リリース: 2024-11-05 19:39:02
オリジナル
675 人が閲覧しました

How to Filter an Array of Objects in JavaScript?

JavaScript でオブジェクトの配列をフィルタリングする

オブジェクトの配列が与えられた場合、多くの場合、特定の基準に基づいてそれらを検索してフィルタリングすることが必要になります。ここでは、JavaScript でオブジェクトの配列をフィルタリングする方法を示します。名前が "Joe" で年齢が 30 歳未満のオブジェクトを見つけることに重点を置いています。

Array.prototype.filter() メソッド:

Array.prototype.filter() メソッドを使用すると、指定された関数に基づいて元の配列をフィルター処理して、新しい配列を作成できます。この例では、関数はオブジェクトの名前と年齢を基準と比較します。

このソリューションでは、アロー関数 (ES6) を使用して配列内の各要素をテストします。名前と年齢の両方の条件が満たされる場合、要素は新しい配列に含まれます。

jQuery.grep() 関数:

を使用している場合jQuery では、jQuery.grep() 関数を使用してフィルタリングを実行することもできます。

jQuery.grep() は引数として配列とコールバック関数を受け取ります。コールバック関数は、最初のソリューションのアロー関数と同様に、指定された条件に対して配列内の各要素を評価します。

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

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