ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列内のオブジェクトのインデックスを見つけるにはどうすればよいですか?

JavaScript 配列内のオブジェクトのインデックスを見つけるにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-01 05:18:10
オリジナル
940 人が閲覧しました

How to Find the Index of an Object in a JavaScript Array?

配列内のオブジェクトのインデックスの検索

オブジェクトの配列で特定の要素を検索する場合、indexOf メソッドは適用できません。この記事では、特定の条件を満たすオブジェクトのインデックスを取得する直接的な方法を紹介します。

次のようなオブジェクトの配列を考えてみましょう。

var hello = { hello: 'world', foo: 'bar'};
var qaz = { hello: 'stevie', foo: 'baz'}

var myArray = [];
myArray.push(hello, qaz);
ログイン後にコピー

hello の要素のインデックスを見つけるにはプロパティが 'stevie' に等しい場合は、マップ関数を利用できます。

const pos = myArray.map(e => e.hello).indexOf('stevie');
ログイン後にコピー

マップ関数は配列を反復処理して、次の値を抽出します。各オブジェクトの hello プロパティと新しい配列の作成。次に、indexOf メソッドをこの新しい配列に適用して、目的の値 (この場合は「stevie」) を持つ要素のインデックスを見つけることができます。

このアプローチは、次のインデックスを見つけるための 1 行のソリューションを提供します。オブジェクトの配列内の特定の条件に一致するオブジェクト。

以上がJavaScript 配列内のオブジェクトのインデックスを見つけるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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