はじめに
サーバー側で受け取ったオブジェクトを配列に変換する方法の備忘録です。
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は状態管理がすべて
オブジェクトの中身を見て適切なメソッドを使用する必要がある