在JavaScript / HTML5中从localStorage获取的JSON数据出现问题

Question

我正在制作一个完全脱机的HTML5网络应用程序。

在代码的特定部分，我需要向JavaScript数组对象添加一行数据，并将更新后的版本保存回localStorage 。

这是代码：

var data = localStorage.getItem("cars");

//Trouble in this line.
data.goals.push(["name": "merscede", "model": "bmw", "noofdays": "10", "active": "yes"]); 

localStorage.setItem("goals",data);

这是我在源代码的不同部分中存储在localStorage中的值：

var data = '{"goals":[{"name":"rocky","model":"old","noofdays":"50","active":"no"}]}';
localStorage.setItem("goals",data);

我已经进行了广泛的故障排除，结果发现只有我特别标记的那行才有麻烦。

有什么问题？ 我该怎么办？

Answer 1

这就是您需要这样做的方式：

var data = '{"goals":[{"name":"rocky","model":"old","noofdays":"50","active":"no"}]}';
localStorage.setItem("goals",data);

// You get a string when you do "getItem"
var goalsStr = localStorage.getItem("goals");

// You need to parse it.
var goalsObj = JSON.parse(goalsStr);
goalsObj.goals.push({"name": "merscede", "model": "bmw", "noofdays": "10", "active": "yes"});
console.log(goalsObj);