のlocalStorageは、アレイ

Question

---

私はそれが私だけを取得localStorageから配列を取得するたびに、最後のvalue.Iは、オブジェクトとして配列を扱うと思うの最初のメンバーを保存します。これをどうやって解決するのですか？

function saveData() { 


    if ($("#forma").valid() == true) { 

     var Name = document.getElementById("username").value; 
     var Year = document.getElementById("godinaupisa").value; 
     var Index1 = document.getElementById("brindeksa").value; 
     console.log(Name); 
     var EMial = document.getElementById("email").value; 
     var OBJ = { NAME: "JOHN DOE", YEAR: "18", INDEX1: "1", EMAIL: "@" }; 


     OBJ.NAME = Ime1; 
     OBJ.YEAR = Year; 
     OBJ.INDEX1 = Index1; 
     OBJ.EMAIL = EMial; 

     var arrayOBJ = []; 
     arrayOBJ.push(OBJ); 

     localStorage.setItem("ARRAY", JSON.stringify(arrayOBJ)); 
     alert("saved"); 

     $("#forma").resetForm; 

    }; 
} 

Answer 1

だから、あなたはちょうどあなたがそれを渡す何に設定しますsetItemを呼んでいます。私はあなたが行きたいものは、現在の値を読み取ってそれに追加し、新しい値をそれに設定することだと思います。

var data = localStorage.getItem("ARRAY"); 
data = JSON.parse(data); 
data.push(OBJ); 
localStorage.setItem("ARRAY", data); 

Answer 2

保存しようとするたびにarrayOBJ配列を作成するため、その中には1つの項目しか存在しません。そして、あなたがそれをlocalstorageに保存すると、すでにそこにあったものを上書きするだけです。代わりに、save関数の外にarrayOBJをグローバル変数として定義してみてください。 または、localStorage.getItemとJSON.parseを使用して、ローカルストレージにある現在の配列を取得してから、それをプッシュすることができます。