将更多数据保存到本地存储

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

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 3

最好的选择是使用 JSON。 JSON 不是很复杂。它只是一个字符串，它是对数组或对象等语言结构进行字符串化的结果。

你需要的是一个数组：[]，它的字符串化版本："[]"。所以你需要将一个元素推入数组。如何？通过解析将存储的 JSON 字符串转换为数组，然后推送一个元素并将新数组字符串化。这是一个例子：

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

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

也不要使用 2 个键来存储属于一个项目的 2 个数据。会很难维护。使用一个对象，一个对象数组：

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

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);
}   

}

使用 localStorage.getItem() 检查数据是否已经存在，如果数据为真，请不要再次写入数据，或者做任何你想做的事情，比如用另一个键保存数据

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