localStorage .parse .stringify

Question

我需要帮助推送2个数据值到localStorage。我对stringify和parse方法略知一二，但无法掌握如何实现them.The 2的数据值来自“Score”和“saveName”(输入框中的用户名)。

var Score = (answeredCorrect * 20) + (timeleft);
var saveName = document.querySelector("#saveName");
function Storage() {
  localStorage.setItem("User", JSON.stringify(saveName.value));
  localStorage.setItem("Scores", JSON.stringify(Score));
  var GetStorage = localStorage.getItem("User");
  var GetStorage2 = localStorage.getItem("Scores");
  return {
    first:console.log("GetStorage: "+ GetStorage + GetStorage2),
    second:GetStorage,
    third:GetStorage2,
  };
};
var values = Storage();
var first = values.first;
var second = values.second;
var third = values.third;

Answer 1

正如在注释中提到的，一旦使用JSON.parse从存储中检索到它，您就需要对其进行解析，也应该避免命名存储。

由于您为本地存储创建了一个包装器，因此可以这样做：

const Store = {
  set: (key, value) => localStorage[key] = JSON.stringify(value),
  get: key => JSON.parse(localStorage[key])
}

然后，您可以简单地使用set和get方法调用它，如下所示：

//
Store.set('Score', Score)
Score = Store.get('Score')

//
Store.set('User', saveName.value)
saveName = Store.get('User')

虽然你只需要在页面加载时保存，因为你已经在get() /saveName等中有了值。