You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为localStorage中某条数据的指定键设置值?

修改 localStorage 中对象的单个属性值

当然可以实现,核心逻辑是先取出解析对象、修改目标属性、再重新存入 localStorage,具体操作步骤如下:

  • 第一步:从 localStorage 获取已有的 user 数据,通过 JSON.parse 解析为 JavaScript 对象
  • 第二步:直接修改该对象的 name 属性
  • 第三步:将修改后的对象重新序列化为 JSON 字符串,存回 localStorage

完整代码示例

// 1. 获取并解析 localStorage 中的 user 对象
let user = JSON.parse(window.localStorage.getItem("user"));

// 2. 先检查 user 是否存在,避免空值报错
if (user) {
  // 修改 name 属性为目标值
  user.name = "你的新用户名";
  // 3. 将更新后的对象存回 localStorage
  window.localStorage.setItem("user", JSON.stringify(user));
} else {
  // 若 localStorage 中无 user 数据,可按需初始化对象后存入
  user = { name: "默认用户名" };
  window.localStorage.setItem("user", JSON.stringify(user));
}

重要提示

  • localStorage 仅支持存储字符串类型数据,因此必须通过 JSON.stringify(存)和 JSON.parse(取)完成对象与字符串的转换
  • 务必先判断取出的 user 是否为 null(当 localStorage 中无对应键时会返回 null),否则直接修改属性会触发类型错误

内容的提问来源于stack exchange,提问作者Fuad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.18 17:52:01