さらに多くのデータをローカルストレージに保存する

Question

JSONを使用するのが最良の方法だとわかっていますが、それは私が理解するには複雑すぎます。したがって、私のデータがローカルストレージに上書きされないようにする他の方法があるかどうか尋ねるかもしれません。 forループを使用するか、別のキー名を使用する例HTML/JavaScriptの新機能として私の例を挙げて私を助けてください。

function saveToLS(){ 

    var Name = document.getElementById("rName"); 
    var namesaved = Name.value; 
    localStorage.setItem("Name",namesaved); 


    var Comment = document.getElementById("rComment"); 
    var commentsaved = Comment.value; 
    localStorage.setItem("Comment",commentsaved); 


} 

Answer 1

これらの倍数を保存しますか？それらを配列またはオブジェクトに格納し（たとえばタイムスタンプIDフィールドを追加するなど）、配列をLSに格納する必要があります。

Answer 2

最高のオプションはJSONを使用しています。 JSONはそれほど複雑ではありません。これは、配列やオブジェクトのような言語構造のストリング化の結果である文字列です。

配列：[]、文字列化されたバージョン："[]"です。したがって、要素を配列にプッシュする必要があります。どうやって？保存されたJSON文字列を解析して配列に変換し、要素をプッシュして新しい配列を文字列化します。次に例を示します。

var names = localStorage.getItem("Name"); 
names = names ? JSON.parse(names) : []; 
names.push('newName'); 

localStorage.setItem("Name", JSON.stringify(names)); 

1つの項目に属する2つのデータを格納するために2つのキーを使用しないでください。維持するのは難しいでしょう。データがすでに存在する場合、その真ならlocalStorage.getItemを用い

comments.push({ 
    author: 'name of the author', 
    comment: 'here goes the comment body...' 
}) 

Answer 3

Yeah..Me Also new In this Part... but I hope to you help full this code please try It.. 
 

 
var key = 0; 
 

 
for(key;key<10;key++){ 
 
    localStorage.setItem(key, localStorage.getItem(key) + "Datas"); 
 
}

Answer 4

function saveToLS(){ 

var Name = document.getElementById("rName"); 
var namesaved = Name.value; 
if(localStorage.setItem("Name").length){ //the data already exists 
    // Do whatever if the data already Exists...... 
}else{ 
    localStorage.setItem("Name",namesaved); 
} 


var Comment = document.getElementById("rComment"); 
var commentsaved = Comment.value; 


if(localStorage.setItem("Comment").length){ //the data already exists 
    // Do whatever if the data already Exists...... 
}else{ 
    localStorage.setItem("Comment",commentsaved); 
} 

}

チェック（）：オブジェクト、オブジェクトの配列を使用データをもう一度書き込まないでください。そうであれば、別のキーでデータを保存するようにしてください。

if(localStorage.setItem("Name").length){ //the data already exists 
localStorage.setItem("SomethingElse...",namesaved); //something else 
}else{ 
    localStorage.setItem("Name",namesaved); 
}