javascript オブジェクトをkeyとvalueで配列化する

javascript オブジェクトをkeyとvalueで配列化する

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

環境

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

keyとvalueごとに配列化

Object.entriesメソッドとmapを使用すると、オブジェクトをkeyとvalueごとに分けて配列化するすることが可能です。

keyとvalueごとに配列化

実行結果

省略して記述することも可能です。

サンプルコード

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

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

keyとvalueごとに配列化されていることが確認できます。