如何为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
相关产品推荐
相关产品推荐

