javascriptでWebstorageを使ってｸｲｽﾞﾃﾞｰﾀを保存するやり方に挑戦しています｡保存したいﾃﾞｰﾀは､日付､氏名､ﾕﾆｯﾄ名､点数､それとﾌﾟﾛｸﾞﾗﾑを実行した回数です｡(1回めの得点､2回めの得点､､､というふうにﾃﾞｰﾀを保存したい)その日に何回かｽｸﾘﾌﾟﾄを繰り返した場合､回数ごとの点数を保存しﾃｰﾌﾞﾙに出力､最終的には､JSONにしてd3.jsを使ってｸﾞﾗﾌにしたいと考えています｡そこで､得られたﾃﾞｰﾀを saveArray という配列に入れました｡しかしこれだと毎回同じkeyでﾃﾞｰﾀが上書きされてしまいます｡これを上書きしないで回数ごとにﾃﾞｰﾀを蓄積するようにしたいのですが､そのやり方がわかりません｡配列にもう1つ配列を足す？感じでsaveArray[回数][ﾃﾞｰﾀ]のようにする方法がいいのでしょうか？ｽｸﾘﾌﾟﾄです｡
//<!ここから下は､ﾃﾞｰﾀ保存のｽｸﾘﾌﾟﾄ!>********************
function myGo(){
myselect = document.myForm.myMenu.selectedIndex;
user = document.myForm.myMenu.options[myselect].value;
// 現在日時情報を取得
objDate = new Date();
y = objDate.getFullYear();
m = objDate.getMonth()+1;
d = objDate.getDate();
date=y+"/"+m+"/"+d
}
//削除ﾎﾞﾀﾝの処理
document.getElementById("erase").addEventListener("click",function(){
alert("OK");
sessionStorage.clear();
},false);
//保存ﾎﾞﾀﾝをｸﾘｯｸした時の処理
document.getElementById("save").addEventListener("click",function(){
savecount++ //何回目のﾃﾞｰﾀか回数を記録
sessionStorage.setItem( "氏名" , user ); //Storageに書き込み
sessionStorage.setItem( "ﾕﾆｯﾄ名" , title );
sessionStorage.setItem( "点数" , 100-calc );
sessionStorage.setItem( "日付" , date );
sessionStorage.setItem( "回数" , savecount );
},false);
//読込ﾎﾞﾀﾝをｸﾘｯｸした時の処理
document.getElementById("load").addEventListener("click",function(){
var saveArray =[];
saveArray[0] = sessionStorage.getItem("回数");
saveArray[1] = sessionStorage.getItem("日付");
saveArray[2] = sessionStorage.getItem("氏名");
saveArray[3] = sessionStorage.getItem("ﾕﾆｯﾄ名");
saveArray[4] = sessionStorage.getItem("点数");
},false);
//********************************************************************
JSON.stringify() - JavaScript | MDN
↑のように配列をJSON文字列にして保存すればいいと思います｡
二次配列にして全部を毎回出し入れするか､一次配列でｸﾞﾗﾌを書くときにｷｰを全部なめるか､というのは実装次第かと｡
