JavaScript オブジェクトの配列で ID によってオブジェクトを検索する方法

Javascript Obujekutono Pei Liede Id Niyotteobujekutowo Jian Suosuru Fang Fa



JavaScript では、クラスを独立した形で決定できるクラスのインスタンスを作成するためにオブジェクトが利用されます。ただし、複数のオブジェクトが配列に格納されている場合、必要なものを見つけるのは非常に困難です。この問題を解決するために、JavaScript はそのオブジェクトを見つけるためのさまざまなメソッドを提供します。たとえば、ID、名前、キー値などを使用してオブジェクトを見つけることができます。

この投稿では、JavaScript オブジェクトの配列でオブジェクト ID を見つける方法について説明しました。

JavaScript オブジェクトの配列で ID によってオブジェクトを検索する方法は?

JavaScript の配列でオブジェクトを見つけるために使用できるさまざまなメソッドがあります。 探す() 」、「 フィルター 」、「 findIndex() 、 その他。







実際的な意味については、記載されている方法を 1 つずつ試してください。



方法 1: 「find()」JavaScript メソッドを使用して配列内の ID でオブジェクトを検索する

探す() 」 JavaScript メソッド、「 定数 」キーワード。次に、配列に次の要素を追加します。



定数 到着 = [
{
ID : 01
名前 : 「ジャバスクリプト」
}
{
ID : 02
名前 : 「ジャバ」
}
{
ID : 03
名前 : 「HTML/CSS」
} ]

「を呼び出す 探す() 」 オブジェクト ID が「 2 」を実行し、結果の値を宣言された変数に格納します。





定数 物体 = 到着 探す ( オブジェクト => オブジェクト。 ID === 02 ) ;

「を活用する ログ() ” メソッドと引数を渡します “ 物体 コンソールに出力を表示します。

コンソール。 ログ ( 物体 )



方法 2: 「findIndex()」JavaScript メソッドを使用して、配列内の ID でオブジェクトを検索する

findindex() ' 方法。これを行うには、「 させて 」キーワードを入力して、配列にデータを追加します。

動物オブジェクトをさせてください = [ {
ID : '101'
名前 : '猫'
}
{
ID : '102'
名前 : '犬'
}
{
ID : '103'
名前 : 'うさぎ'
} ] ;

定数を宣言し、定義された定数に従って値を割り当てます。

定数 ID = '103' ;

今、「 findIndex() 」メソッドをコールバック関数に沿って呼び出し、ID を確認します。

だった animalIndex = 動物オブジェクト。 検索インデックス ( 動物 => 動物。 ID === ID ) ;

ここで、配列インデックスを引数として「 ログ() 画面にインデックスを表示する方法:

コンソール。 ログ ( '索引 : ' + animalIndex ) ;

結果の配列をコンソールに表示します。

コンソール。 ログ ( 動物オブジェクト [ animalIndex ] ) ;

方法 3: 「filter()」JavaScript メソッドを使用して配列内の ID でオブジェクトを検索する

まず、定数を宣言して値を代入します。

定数 ID = '101' ;

filter() メソッドを使用してオブジェクトを見つけることもできます。そのためには、要素を配列に格納し、「 フィルター() 」メソッドを使用してコールバック関数を呼び出し、ID を確認します。

だった 動物 = 動物オブジェクト。 フィルター ( 動物 => 動物。 ID === ID ) ;
コンソール。 ログ ( 動物オブジェクト [ animalIndex ] ) ;

JavaScript オブジェクトの配列で ID によってオブジェクトを検索するための複数の方法について学習しました。

結論

JavaScript の配列で ID によってオブジェクトを検索するには、「 探す() 」、「 フィルター '、 と ' findIndex() 」が使用できます。これを行うには、要素を配列に追加し、コールバック関数を使用してメソッドを呼び出し、オブジェクトの ID を確認します。この投稿では、JavaScript オブジェクトの配列で ID によってオブジェクトを検索するためのさまざまな方法について説明しました。