ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してObjectの配列を配列に変換するにはどうすればよいですか?

JavaScriptを使用してObjectの配列を配列に変換するにはどうすればよいですか?

WBOY
リリース: 2023-09-22 11:29:02
転載
1549 人が閲覧しました

如何使用 JavaScript 将 Object 数组转换为数组?

Object.values() メソッド、Array puch() メソッド、および for...of ループを使用して、Object の配列を JavaScript 配列に変換できます。まず、for...of を使用して各オブジェクトをループし、次に Object.values() メソッドを適用して単一オブジェクトの値にアクセスします。次に、Array Push() メソッドを使用して値を配列に追加します。この記事では、この方法について詳しく説明します。

問題を理解するために例を見てみましょう。

オブジェクト配列が与えられました。タスクは、オブジェクト配列をオブジェクト値配列に変換することです。ここでは私たちが達成したいことの例を示します。

指定されたオブジェクト配列 -

リーリー

は -

に変換する必要があります リーリー

これを実現するには複数の方法があります。そのうちのいくつかは -

です
  • for...of ループを使用します

  • array.map メソッドを使用する

for...of ループを使用する

for...of ループは、配列または任意の反復可能なオブジェクトの値を反復するために使用されます。 for...of ループを使用してオブジェクトの配列を配列に変換するには、次の手順を使用します。

###ステップ###

    結果の値を保存するための空のスペースを作成します。
  • for...of を使用してオブジェクト配列をループします
  • 配列の項目が、必要な値を持つオブジェクトであることがわかっています。
  • array.push メソッドと Object.values() メソッドを使用して、現在のオブジェクトの値を空の配列にプッシュします。
  • ###例###
  • この例では、オブジェクトの配列があります。これらのオブジェクトには名前と車のモードが含まれています。これらの値を抽出し、for..of ループを使用して単一の配列に割り当てます。
リーリー

Array.map() メソッドを使用する

Array.map() メソッドは、配列の各要素に対して関数を呼び出し、新しい配列を返します。 Array.map() メソッドを使用してオブジェクトの配列を配列に変換するには、次の手順を実行します。

map メソッドをオブジェクト配列に適用します。

  • 各反復後に抽出するキーの値を返します。

  • 特定のキーのすべての値の配列を取得します。

  • ###例###

    この例では、オブジェクトの配列があります。これらのオブジェクトには名前と車のモードが含まれています。すべての車を別の配列に抽出し、すべての名前を別の配列に抽出します。

    ああああ

以上がJavaScriptを使用してObjectの配列を配列に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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