首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用LocalStorage键调用对象值

使用LocalStorage键调用对象值
EN

Stack Overflow用户
提问于 2020-04-21 03:31:33
回答 1查看 74关注 0票数 1

基本上,我有一个值为" sword4“的本地存储键"rhand”,以及一个名为sword4的对象。

我希望这是动态的,这样我就可以在本地存储中切换项目名,比如"sword1“、"sword2”,然后让它显示div中配置的条目的独特信息。

我可以用剑4来命名;它会提到“钢剑”这个名字,但是rhand1.name;不那么做,它说没有定义.

我对PHP更熟悉,看起来这在PHP中是可行的,但在JavaScript中却没有意义。如果我的英语很难理解,很抱歉。

以下是代码:

代码语言:javascript
复制
localStorage.setItem("rhand", "sword4");

let sword4 = {
  name: "steel sword",
  info: "a sharp steel sword",
  def: "0",
  str: "10",
  int: "0",
  agi: "0",
  lbs: "3"
};

let rhand1 = localStorage.getItem("rhand");
document.getElementById("rhand").innerHTML = rhand1.name;
代码语言:javascript
复制
<div id="rhand"></div>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-04-21 03:43:12

localStorage只能存储字符串,所以当您需要存储字符串以外的东西时,比如数组、对象或数字--用JSON.stringify()将其转换为字符串。当您想从localStorage中检索某些内容时,请用JSON.parse()将其转换回来。

演示

注释:因此不允许WebStorage API。有关功能齐全的演示程序,请参阅此小提琴

代码语言:javascript
复制
let sword4 = {
  name: "steel sword",
  info: "a sharp steel sword",
  def: "0",
  str: "10",
  int: "0",
  agi: "0",
  lbs: "3"
};

localStorage.setItem("rhand", JSON.stringify(sword4));

let rhand1 = JSON.parse(localStorage.getItem("rhand"));

document.getElementById("rhand").innerHTML = rhand1.name;
代码语言:javascript
复制
<div id="rhand"></div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61335489

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档