一致するプロパティ値を持つ JavaScript オブジェクトを見つけるにはどうすればよいですか?

JavaScript オブジェクトの配列内で一致する値を持つオブジェクトの検索

JavaScript オブジェクトの配列があり、オブジェクトを見つける必要があります特定のプロパティに特定の値を指定します。これを実現する方法は次のとおりです。

find() メソッドの使用

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

このコードは、find() メソッドを使用して配列を反復処理し、 id プロパティが指定された値と一致する最初のオブジェクト。次に、一致するオブジェクトの foo プロパティにアクセスし、結果として返します。

findIndex() メソッドを使用する

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

インデックスを決定する必要がある場合一致するオブジェクトを見つけるには、findIndex() メソッドを使用できます。このメソッドは、指定された条件を満たす最初のオブジェクトのインデックスを返します。

filter() メソッドの使用

一致するオブジェクトの配列を取得するには、filter( ) メソッド:

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

これは、指定された条件を満たすオブジェクトの配列を返します。条件。

map() メソッドと filter() メソッドの使用

一致するオブジェクトから特定のプロパティの配列を作成するには、map() と filter() を組み合わせます。 :

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

これは、一致する foo 値を含む配列を返します。

互換性に関する注意

古いブラウザの場合、find()、filter()、arrow などのメソッドをサポートするには、Babel を使用してコードをトランスパイルする必要がある場合があります。関数。

以上が一致するプロパティ値を持つ JavaScript オブジェクトを見つけるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。