javascript - 将数据附加到 localStorage 对象

标签 javascript jquery object local-storage

我正在尝试向当前的 localStorage 对象添加一个新对象,但没有成功。最后,我没有在 localStorage 中拥有两组数据,而是得到了最后一组。对我做错了什么有任何见解吗?谢谢

这是我正在尝试做的事情:

// add the first student
var newStudent = [{
     "name":        "John",
     "age":         21,
     "nationality": "Spanish"
 }];

localStorage.setItem("students", JSON.stringify(newStudent));


// Retrieve the object from storage to add a new student
var retrievedObject = localStorage.getItem("students");
var stored          = JSON.parse(retrievedObject);

// add a new student
var newStudent2 = [{
    "name":        "Mary",
    "age":         20,
    "nationality": "German"
}];
var stored = Object.assign(stored, newStudent2);

// Update the storage
localStorage.setItem("students", JSON.stringify(stored));
var result = localStorage.getItem("students");

console.log(result);

最佳答案

你应该存储数组,而不是对象;

var students = [];

var student1 = { s: 1 };

students.push(student1);

localStorage.setItem("students", JSON.stringify(students));

var stored = JSON.parse(localStorage.getItem("students"));

var student2 = { s: 2 };

stored.push(student2);

localStorage.setItem("students", JSON.stringify(stored));

var result = JSON.parse(localStorage.getItem("students"));

console.log(result);

关于javascript - 将数据附加到 localStorage 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35963412/

相关文章:

javascript - 使用 e.preventDefault() 后如何将 href 链接返回到它的默认行为;?

actionscript-3 - ActionScript - "Wildcard"和对象数据类型之间的区别?

php - DateTime 对象的严格比较

arrays - 从数组中的对象检索成员时出现问题,类型 'Shape' 的值没有成员 'name'

javascript - 防止视频加载时重置 currentTime?

javascript - jQuery:隐藏按钮直到选择最后一个下拉列表

javascript - Hadoop YARN 与 Yarn 包管理器命令冲突

javascript - toggle() 不起作用并追加更多字段

javascript - 如何从服务器端更新 jQuery DropdownChecklist?

Jquery - 从 SQLite 生成嵌套列表