如何在现有的本地存储中添加额外的JSON ?

Question

我从注册页面中收集了name, mobile number, email address等数据，并以键名'user_details'存储在本地存储中。

现在详细信息显示在配置文件页面中，另外我想收集像age and gender这样的数据，我想在相同的JSON 'user_details'中存储在相同的本地存储中。

我不知道该怎么做。

的例子:

user_detail = [
{
Name:"string",
Mobile_number:"1234567890",
email_address:"[e-mail]",
}
]

每个对象都是单个用户的详细信息。我想将age and gender保存在特定用户的对象中。(user_detail是multiple user的数组).

我尝试将新收集的数据存储在本地存储中存在的相同json中。

我想要user_detail键来保存我从注册页面以及个人资料页面收集的数据。

Answer 1

您可以按照以下步骤使用新数据更新本地存储中的现有JSON对象:

1. 从本地检索现有的用户详细信息JSON对象使用localStorage对象的getItem方法存储。

let userDetails = JSON.parse(localStorage.getItem('user_details'));

2. 为用户详细信息对象添加年龄和性别的新属性

userDetails[currentUserIndex].age = ageValue;
userDetails[currentUserIndex].gender = genderValue;

这里，currentUserIndex是userDetails数组中当前用户的索引，而ageValue和genderValue是您想要添加到对象中的新年龄和性别值。

3. 将更新后的用户详细信息对象存储回本地存储使用localStorage对象的setItem方法。

localStorage.setItem('user_details', JSON.stringify(userDetails));

这将使用更新的JSON对象覆盖现有的user_details键，该对象包含当前用户的新年龄和性别数据。