如何在现有local storage的user_details中追加用户年龄与性别数据

要把个人资料页收集的age和gender追加到localStorage中user_details数组的对应用户对象里，按以下步骤操作即可：

核心流程 #

• 读取并解析localStorage里的用户数据
• 通过唯一标识（比如手机号、邮箱）定位目标用户
• 给目标用户对象新增age和gender属性
• 将更新后的数组重新存入localStorage

代码实现 #

// 1. 读取localStorage数据，处理初始为空的情况
let userDetails = JSON.parse(localStorage.getItem('user_details')) || [];

// 2. 用唯一标识匹配目标用户（示例用手机号，可替换为邮箱等）
const currentUserMobile = "1234567890"; // 替换为当前用户的实际手机号
const targetUser = userDetails.find(user => user.Mobile_number === currentUserMobile);

if (targetUser) {
  // 3. 追加新收集的年龄和性别数据
  targetUser.age = 28; // 替换为实际收集到的年龄值
  targetUser.gender = "female"; // 替换为实际收集到的性别值

  // 4. 将更新后的数据存回localStorage
  localStorage.setItem('user_details', JSON.stringify(userDetails));
} else {
  console.error("未找到匹配的用户信息");
}

关键注意点 #

• 唯一标识必须可靠：一定要用手机号、邮箱这类不会重复的字段定位用户，避免误修改其他用户的数据
• 数据格式转换：localStorage仅支持存储字符串，所以读取时需用JSON.parse()解析，存入时用JSON.stringify()序列化
• 空数据兼容：读取时添加|| []，防止localStorage中还没有user_details键时出现报错

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