Javascriptで、階層的な連想配列を作りたい。

画像のsrcとaltを複数入れる配列を作りたくなった。

求めているもの

tes.json

[
 { 
   src : 'hogee.jpg',
   alt : 'hodehode'
 },
 { 
   src : 'hogegege.jpg',
   alt : 'hodehode2'
 }
]

これを配列のように作る。

作り方

tempみたいな変数用意して、そこに作って、いれる。

var data = {};
var temp = {};
temp.src = "hoge.jpg";
temp.alt = "hogehoge";
data[data.length] = temp;

これの繰り返し。

配列としてforeachにぶち込みたい

最終的にこれをやるから、この形式で格納したいのだと思う。

js.js

Object.keys(data).forEach(function(key) {
  if(data[key].src){
     console.log(data[key].src);
     console.log(data[key].alt);
  }
});