localStorage .parse .stringify

问题描述

我需要将2个数据值推入localStorage的帮助。我对stringify和parse方法有些了解，但无法掌握如何实现它们。这两个数据值分别来自“ scores”和“ 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;

解决方法

如注释中所述，一旦使用JSON.parse从存储中检索到它，就需要对其进行解析，并且也应避免命名Storage。

自从您为本地存储制作包装器以来，就可以这样进行：

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()，因为您已经具有Score / saveName等值。