用 JSON 覆盖 localStorage

Question

这是this的后续问题

我开始使用 localStorage 功能， 并且不确定它是否按预期工作。

我想覆盖 JSON 文件中的布尔值。

玩家在一个阶段点击出口，然后触发下一个阶段的加载， 但我也希望它保存阶段已完成的事实。

这是我的 JSON 数组，默​​认情况下所有地牢都不完整：

var dungeon_prog = {
"dungeon0_prog" : {
    "complete" : true
},
"dungeon1_prog" : {
    "complete" : false
},
"dungeon2_prog" : {
    "complete" : false
}
};

然后我将其设置为本地存储：

localStorage.setItem('dungeon_prog', JSON.stringify(dungeon_prog));
var dungeon_prog_obj = JSON.parse(localStorage.dungeon_prog);

我希望它在玩家到达地牢 1 的出口时覆盖 dungeon1_prog “完成”false 到 true。

我该怎么做？ 并且默认的“假”语句实际上是否保存在 localStorage 中？ 谢谢。

Answer 1

dungeon_prog_obj 现在包含您的 JSON 对象。要回答您的最后一个问题，是的 - localStorage 保存了整个 JSON 字符串，因此它还保存了布尔值。

要覆盖它，您只需设置布尔值并将它们再次保存到相同的 localStorage 项：

dungeon_prog_obj.dungeon1_prog.complete = true;
localStorage.setItem('dungeon_prog', JSON.stringify(dungeon_prog_obj));

编辑：

根据请求更新以回答评论中的问题。

我不是 100% 确定这是问题所在，但您是说在页面刷新时 true 值不会持续存在。唯一合理的解释是，在每次页面加载时，您都使用localStorage.setItem('dungeon_prog', JSON.stringify(dungeon_prog)); 用初始JSON 覆盖JSON，其中dungeon_prog 是您问题中指定的初始JSON。

如果您在localStorage 中有该项目，您应该检查加载而不是这样做。您可以通过以下方式执行此操作：

// Check for object in localStorage
var dungeon_prog = JSON.parse(localStorage.dungeon_prog);

// If it does not exist, initialize it and save it
if (dungeon_prog != null) {
    dungeonProg = {
        "dungeon0_prog" : {
            "complete" : true
    },
    "dungeon1_prog" : {
        "complete" : false
    },
    "dungeon2_prog" : {
        "complete" : false
   }
   };

   localStorage.setItem('dungeon_prog', JSON.stringify(dungeon_prog));
}