这是我的代码。几天以来我一直在尝试创建一个对象数组,然后将其存储在本地存储中。问题是,我需要首先从本地存储中获取现有的值。
然后我需要将新的数据对象添加到现有数组中。然后我将其转换为 JSON,以便我可以将其存储回本地存储中。
onRegisterSubmit(){
const user = {
a: this.a,
b: this.b,
c: this.c,
id: Date.now()
}
var abc = [];
var get = JSON.parse(localStorage.getItem('user'));
abc = [get];
abc.push(user);
localStorage.setItem('user', JSON.stringify(abc));
console.log(JSON.stringify(abc));
console.log(get);
}
我希望 JSON 是这样的对象数组,
[{"hour":1,"minute":21,"ampm":"PM","repeatDays":[],"message":"","todayOrTomorrow":"Tomorrow","isRepeatMode":false,"isEnabled":false,"id":"1493797882440"},{"hour":1,"minute":24,"ampm":"PM","repeatDays":[],"message":"","todayOrTomorrow":"Tomorrow","isRepeatMode":false,"isEnabled":false,"id":"1493797896257"},{"hour":6,"minute":14,"ampm":"PM","repeatDays":[],"message":"","todayOrTomorrow":"Tomorrow","isRepeatMode":false,"isEnabled":false,"id":"1493815470408"}]
这是我的 JSON。
[[[[[[[{"id":1493820594019},{"id":1493820606448}],{"id":1493820609111}],{"id":1493820610150}],{"id":1493820610553}],{"id":1493820610827}],{"id":1493820611015}],{"id":1493820612018}]
我已经尝试了好几天了,任何帮助将不胜感激。
该代码的问题是:
您将获得的结果包装在一个数组中,但理论上,您希望已经有一个数组。
您正在存储
user
get
或 abc
。要存储数组,请执行您正在做的操作:
localStorage.setItem("users", JSON.stringify(users));
获取数组:
users = JSON.parse(localStorage.getItem("users") || "[]");
请注意,如果
getItem
返回 null
,它如何提供默认值(空数组),因为我们从未将用户存储在那里。
将用户添加到数组中:
users.push({id: 1, foo: "bar"});
示例(在 jsFiddle 上运行[堆栈片段不允许本地存储]):
(function() { // Scoping function to avoid creating globals
// Loading
var users = JSON.parse(localStorage.getItem("users") || "[]");
console.log("# of users: " + users.length);
users.forEach(function(user, index) {
console.log("[" + index + "]: " + user.id);
});
// Modifying
var user = {
id: Math.floor(Math.random() * 1000000)
};
users.push(user);
console.log("Added user #" + user.id);
// Saving
localStorage.setItem("users", JSON.stringify(users));
})();
这会向您显示控制台中当前用户的列表,每次刷新页面时都会添加一个。
尝试这样的事情:- 链接https://jsfiddle.net/sureshraina/nLexkyfw/1/
var mydatas = new Array();
mydatas[0] = "data";
mydatas[1] = "data1";
mydatas[2] = "data2";
localStorage["mydatas"] = JSON.stringify(mydatas);
var datas = JSON.parse(localStorage["mydatas"]);
参见这篇文章。
你不能存储对象,你必须存储字符串。因此,解决方法是在存储对象之前对其进行字符串化(例如,您可以将其更改为 JSON 对象,存储它,并在需要时再次读取它)。
您的代码唯一的问题是您直接将 get 分配给 abc,它是数组,
var get = JSON.parse(localStorage.getItem('user'));
abc = [get];
相反,你需要在 abc 中使用展开获取对象数组,就像这样
abc = [...get]