JavaScript 配列から特定のオブジェクトとプロパティを効率的に検索して取得する方法

JavaScript オブジェクトの配列から一致するオブジェクトを取得する

JavaScript では、オブジェクトの配列を走査して、特定の値に基づく特定のオブジェクト。次の配列について考えてみましょう:

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

ID が 45 で、対応する 'foo' プロパティを取得したいとします。これを実現するためのさまざまなアプローチを次に示します。

方法 1: Find メソッドを使用する

find() メソッドを使用すると、指定された条件を満たす最初のオブジェクトを見つけることができます。 。 ID 45 のオブジェクトを検索するには、次の構文を使用できます。

myArray.find(x => x.id === '45').foo;

方法 2: FindIndex メソッドを使用する

主にオブジェクト自体ではなく、一致するオブジェクトのインデックスを取得するには、findIndex() を利用できます。メソッド:

myArray.findIndex(x => x.id === '45');

メソッド 3: 一致する要素の配列を取得する (Filter メソッド)

filter() メソッドは、特定の基準に一致するすべてのオブジェクトの配列。私たちの場合、これは次のようになります:

myArray.filter(x => x.id === '45');

メソッド 4: プロパティ値の抽出 (Map メソッド)

特に 'foo' の抽出に興味がある場合一致するオブジェクトからのプロパティ値を取得するには、filter() メソッドと map() メソッドを次のように組み合わせることができます。

myArray.filter(x => x.id === '45').map(x => x.foo);

ブラウザ間の互換性に関する注意:

find() や findIndex() などの新しいメソッドは、汎用的にサポートされていないことに注意することが重要です。 IEなどの古いブラウザ。ブラウザ間の互換性を確保するには、適切なポリフィルを備えた Babel などのツールを使用してコードをトランスパイルすることを検討してください。

以上がJavaScript 配列から特定のオブジェクトとプロパティを効率的に検索して取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。