【JavaScript】関連するデータをひとつで管理し、さらにそのデータを複数配列で管理する

javascript

タイトル通りで、xmlデータから抽出した画像に関するデータ（サムネイル画像のパス・タイトル・本文など）を画像ごとに管理して、その画像が複数ある場合はどーすりぁいいの？ってことでメモ。

画像に関するデータをオブジェクトとして管理する

オブジェクトにすることでプロパティも自由に付けられるしいくつでも登録できるので便利ってことで下記のようにする。

var data={};
	data.url="images/2.jpg";
	data.title="1番目のタイトル";
	data.honbun="ここは本文";

各オブジェクトを配列で保存

画像に関するデータをオブジェクトに保存してそいつを配列で管理するには配列にpushで追加すればいいだけ。
そんでその配列の各データにアクセスするには配列インデックスを利用してオブジェクトのプロパティにアクセスする

 
var datalist=new Array();
//
for(var i=0; i<10; i++){
	var data={};
	data.url="images/"+(i+1)+".jpg";
	data.title=(i+1)+"番目のタイトル";
	data.honbun="ここは本文";
	datalist.push(data);
	}

上記のように配列に追加して例えば「最初の画像データのurlが知りたい」場合は下記のようにアクセスする。

//最初の画像データのurlプロパティにアクセス
datalist[0].url

まぁ配列にしたら後はいつもどおりfor文を利用してぶん回してもいい。

デモ