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

JavaScript でオブジェクトの配列を効率的に検索およびフィルタリングする方法

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-04 02:11:02717ブラウズ

How to Efficiently Search and Filter Arrays of Objects in JavaScript?

JavaScript でのオブジェクトの配列内の効率的な検索

オブジェクトの配列を扱う場合、特定の条件で検索およびフィルターする必要が生じます。そのような例の 1 つは、「name」プロパティが「Joe」に等しく、「age」プロパティが 30 未満であるすべてのオブジェクトを検索することです。

ネイティブ JavaScript アプローチ

JavaScript の最新機能を利用すると、次のことができます。これを実現するには、Array.prototype.filter() メソッドを使用します。

const found_names = names.filter(v => v.name === "Joe" && v.age < 30);

このアプローチは、name 配列を反復処理し、指定された条件を満たすオブジェクトのみを含む新しい配列を返します。

jQuery の代替

jQuery を使用したい場合は、代替メソッドが存在します。

var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});

jQuery の $.grep() 関数は、提供されたコールバックに基づいて配列をフィルターします。ここでのコールバックは、オブジェクトが目的の基準を満たす場合は true を返し、それ以外の場合は false を返します。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。