覆寫localStorage的使用JSON

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

我希望它覆蓋dungeon1_prog「完整」 false到true當玩家在地牢1中出局。

我該怎麼做？ 是實際保存在localStorage中的默認「false」語句嗎？ 謝謝。

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，其中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)); 
}