Javascript 如何在使用本地存储的不同用户中设置项目?

Javascript 如何在使用本地存储的不同用户中设置项目?,javascript,local-storage,Javascript,Local Storage,/!这是注册页面:) const firstName=document.getElementById(“firstName”); const lastName=document.getElementById(“lastName”); const email=document.getElementById(“newEmail”); const password=document.getElementById(“新密码”); const btnSignup=document.getElementBy

/!这是注册页面:)
const firstName=document.getElementById(“firstName”);
const lastName=document.getElementById(“lastName”);
const email=document.getElementById(“newEmail”);
const password=document.getElementById(“新密码”);
const btnSignup=document.getElementById(“btn注册”);
函数signUp(){//当鼠标单击“注册”按钮时
const first_name=firstName.value;//获取firstName的值,依此类推。。
const last_name=lastName.value;
const e_mail=newEmail.value;
const pass_word=newPassword.value;
//如果字段为空
如果(!名字| | |!姓氏| |!电子邮件| |!传递单词){
返回警报(“您需要填写所有表格”);
}
//将用户输入设置为JSON
让用户_数据={
名字:名字,
姓:姓,
电子邮件:电子邮件,
密码:pass_word
}
//转换为字符串
让user\u data\u str=JSON.stringify(user\u data);
//如果存在现有用户| |,则访问localstorage,或将数组设为空[]
让clientsArr=JSON.parse(localStorage.getItem('users'))| |[];
//如果需要,请搜索列表
const userExists=clientsArr.find(user=>JSON.stringify(user)==user\u data\u str);
如果(用户存在){
返回警报(“用户已存在”);
}
//将新用户推送到阵列
clientsArr.push(用户数据);
//保存到本地存储
setItem(“用户”,JSON.stringify(clientsArr));
返回警报(“已创建帐户!”);
}

btnSignup.addEventListener(“单击”,注册)您需要一些唯一的标识符来区分用户。您可以通过进行必要的输入来获取该标识符,或者更好地从后端(如果有)获取该标识符。使用唯一标识符,您只需更改
.find()
方法即可搜索ID


另一种选择是为每个用户使用不同的子域。每个子域都有一个单独的
localStorage
。但是这个选项对你的情况可能没有意义,它取决于你想要什么。我只是想列出该选项。

您所说的
是什么意思,而不更改其中的其他数据
?我的意思是,一个用户中有一组待办事项列表,这意味着:其他用户无法更改本地存储中的内容。“应用程序应支持尽可能多的唯一用户。一个用户在应用程序中执行的操作实际上不会影响其他用户的操作。”