如何将localStorage中指定键对应的值赋值给自定义变量

localStorage.key 是浏览器内置的原生方法，作用是传入索引值获取对应位置的存储键名，你直接访问该属性拿到的是方法本身，所以控制台会输出函数结构，无法拿到预期的存储值。

读取localStorage指定键的取值，推荐使用以下三种写法，将示例中的目标键名替换为你实际存储时使用的键即可：

• 标准getItem方法（无命名冲突，兼容性最好）：

  let justId = localStorage.getItem('目标键名')
  

• 方括号语法：

  let justId = localStorage['目标键名']
  

• 点语法（仅适用于键名符合JS标识符命名规则的场景）：

  let justId = localStorage.目标键名
  

• localStorage存储的所有值默认都是字符串类型，如果你存储的是数字、对象等非字符串类型，取值后需要做类型转换：
  • 数字类型转换：let justId = Number(localStorage.getItem('目标键名'))
  • JSON对象类型转换：let justId = JSON.parse(localStorage.getItem('目标键名'))
• 如果你忘记了存储的键名，可以执行以下代码打印所有已存储的键值对确认：

  for (let i = 0; i < localStorage.length; i++) {
    const key = localStorage.key(i)
    console.log(`键名：${key}，对应值：${localStorage.getItem(key)}`)
  }
  

内容的提问来源于stack exchange，提问作者Dazak