Javascript 如何从localStorage检索JSON数据_Javascript_Json_Html

Javascript 如何从localStorage检索JSON数据

javascript json html

Javascript 如何从localStorage检索JSON数据,javascript,json,html,Javascript,Json,Html,我正在尝试创建一个函数，允许我使用JSON保存变量。stringify，我的代码可以将数据保存在localStorage中，但是，我不知道如何检索它这是我的密码： <body> <button id="btn"> SAVE </button> <script> if(btn){ btn.addEventListener("click", function(){saveSession();}) } function saveSession()

我正在尝试创建一个函数，允许我使用JSON保存变量。stringify，我的代码可以将数据保存在localStorage中，但是，我不知道如何检索它

这是我的密码：

<body>
<button id="btn"> SAVE </button>

<script>
if(btn){
  btn.addEventListener("click", function(){saveSession();})
}
function saveSession(){
 var session = {'myValues': [],'state': true};
 session.myValues.push({ 'value 1': '50'});
 session.myValues.push({ 'value 2': '100'});
 session.myValues.push({ 'value 3': '150'});
 alert("saved");
 localStorage.setItem('session', JSON.stringify(session));
 var restoredSession = JSON.parse(localStorage.getItem('session'));
}
</script>
</body>


拯救
如果（btn）{
addEventListener（“单击”，函数（）{saveSession（）；}）
}
函数saveSession（）{
var会话={'myValues'：[]，'state'：true}；
session.myValues.push（{'value 1'：'50'}）；
session.myValues.push（{'value 2'：'100'}）；
session.myValues.push（{'value 3'：'150'）；
警报（“已保存”）；
setItem（'session'，JSON.stringify（session））；
var restoredSession=JSON.parse（localStorage.getItem（'session'）；
}

这段代码将数据保存在localStorage中，但是，我现在想要的是获取保存的数据

value 1

，并将其值赋值，即50赋给某个变量，假设我有

var myValue

，并且

value 1

等于50，因此，

myValue

将是50。我该怎么做？提前谢谢。

函数getValue（键）{
//获取会话对象并解析它
var session=JSON.parse（localStorage.getItem（'session'）；
//分离出我的值
var myValues=session.myValues；
//筛选出键与提供的键不相等的值
var filteredValue=myValues.filter（item=>item.hasOwnProperty（key））；
//根据您提供的示例，应该只有一个项具有该键，因此返回筛选数组中的第一个项
返回filteredValue[0]；
}
var myValue=getValue（'value 1'）
函数getValue（键）{
//获取会话对象并解析它
var session=JSON.parse（localStorage.getItem（'session'）；
//分离出我的值
var myValues=session.myValues；
//筛选出键与提供的键不相等的值
var filteredValue=myValues.filter（item=>item.hasOwnProperty（key））；
//根据您提供的示例，应该只有一个项具有该键，因此返回筛选数组中的第一个项
返回filteredValue[0]；
}
var myValue=getValue（'value 1'）这回答了你的问题吗？很抱歉，我之前没有回答，我没有上网，是的，这回答了我的问题，我非常感谢，谢谢。很高兴我能帮上忙。你介意把答案标对吗。我们喜欢这里的假互联网点：）这回答了你的问题吗？对不起，我没有回答之前我没有互联网，是的，这回答了我的问题，我非常感谢，谢谢。很高兴我能帮助你。你介意把答案标对吗。我们喜欢这里的假互联网点：）