Javascriptでオブジェクトを配列に変換

滅多に嵌るものではないと思いますが・・・

外部のサービスからAPIを提供されてそれを加工してフロントに表示する際に手間取ったのでメモ_φ(・_・

 

ウェブサイトでAPIを使用する際には、大体json形式のデータを使用することが殆どだと思います。

jsonで取得したデータの型がObjectになっていると少々厄介です・・・

 

(;´Д`) <オブジェクトって何?

となっている方へ・・・

物凄く大雑把に説明しますと、情報を入れる「箱」です。

もっと詳しく知りたい方はこちらのサイトをご覧ください。

 

 

外部APIから取って来たデータの数を調べようと

console.log(data.length);

とコンソールで出したら、何故か「1」が返ってきました。

 

console.log(data)

では、1件ではなく、複数のデータが表示されているのに・・・

 

そこでデータの型を調べてみたら「Object」と表示されました。

よく見ればdataの中身は


{ 1: { "data1": "data1detail", "data2": "data2detail" ...}

}

とObjectになっていました・・・

 

 

 

このままだとちょっと不便なので、配列に変換。

data = $.map(data, function(val, index) {
 return [val];
});

これで加工しやすくなりました。

 

 

[参考サイト]

Array.prototype.map()