JavaScript オブジェクト配列内の特定の値を効率的に検索するにはどうすればよいですか?

JavaScript オブジェクト配列で特定の値を検索する方法

JavaScript 配列には、さまざまなプロパティを持つオブジェクトを含めることができます。特定の値に一致するオブジェクトを見つけることは、特に配列の構造を変更できない場合に困難になることがあります。

解決策: find() を使用する

JavaScript find()メソッドは、この問題に対する洗練された解決策を提供します。配列内の各オブジェクトをテストするパラメータとしてコールバック関数を受け取ります。オブジェクトが検索条件を満たしている場合、コールバック関数は true を返す必要があります。

例:

指定された配列で ID 45 のオブジェクトを検索するには、次のコード:

myArray.find(object => object.id === '45').foo; // returns 'bar'

その他オプション:

• findIndex(): 最初に一致したオブジェクトのインデックスを返します。一致が見つからない場合は -1 を返します。
• filter(): 一致するすべての配列を返しますobject.
• map(): 一致するオブジェクトから特定のプロパティの配列を返します。

互換性に関する注意:

アロー関数や find() などのメソッドは、IE などの古いブラウザではサポートされていません。幅広いブラウザーをサポートするには、適切なポリフィルを備えた Babel などのトランスパイラーの使用を検討してください。

以上がJavaScript オブジェクト配列内の特定の値を効率的に検索するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。