はじめに

　サーバー側で受け取ったオブジェクトを配列に変換する方法の備忘録です。
　mapメソッドを使用するにあたり配列にしろと怒られたので心当たりのある方は是非

結論

Object.entriesメソッド
Object.keysメソッド
Object.valuesメソッド
を用途によって使い分ける

Object.entriesメソッド

Object.entriesメソッドはkeysとvaluesの両方を配列化することができる

let fruit = { 
              "apple": "りんご",
              "orange": "オレンジ",
              "banana": "バナナ" 
            }

console.log(Object.entries(fruit));

結果

[
  ["apple","りんご"],
  ["orange","オレンジ"],
  ["banana","バナナ"]
]

このようにkeyとvalueの両方を出力できる

Object.keysメソッド

Object.keysメソッドはkeysのみを配列化することができる

let fruit = { "apple": "りんご",
              "orange": "オレンジ",
              "banana": "バナナ" 
            }

console.log(Object.keys(fruit));

結果

[
  ["apple"],
  ["orange"],
  ["banana"]
]

Object.valuesメソッド

Object.valuesメソッドはvalueのみを配列化することができる

let fruit = { "apple": "りんご",
              "orange": "オレンジ",
              "banana": "バナナ" 
            }

console.log(Object.values(fruit));

結果

[
  ["りんご"],
  ["オレンジ"],
  ["バナナ"]
]

最後に

jsは状態管理がすべて
オブジェクトの中身を見て適切なメソッドを使用する必要がある