javascript オブジェクトを配列化する

javascript オブジェクトを配列化する

javascriptで、Object.entriesメソッドを使用して、オブジェクトを配列化するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

Object.entriesメソッド使い方

Object.entriesメソッドを使用すると、オブジェクトを配列化するすることが可能です。

Object.entriesメソッド使い方

実行結果

サンプルコード

以下は、
「変換」ボタンをクリックすると、用意したオブジェクトを配列化して表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

配列に変換されていることが確認できます。

コード簡潔化

また、上記のコードはアロー関数やテンプレートリテラルを使用して、以下のように簡略化して記述することが可能です。