如何使用纯javascript将多个用户名和密码插入localStorage

我试图保存我创建的表单的每个值，用户名、姓氏、电子邮件和密码，我的问题是，如何将不同的名称和其他上述密钥推送到本地存储？因为每次我保存另一个数据时，数据都会被重写。请耐心等待，这里的初学者，谢谢

const firstName=document.getElementById（“firstName”）；
const lastName=document.getElementById（“lastName”）；
const email=document.getElementById（“newEmail”）；
const password=document.getElementById（“新密码”）；
const btnSignup=document.getElementById（“btn注册”）；
btnSignup.onclick=function（）{//当鼠标单击“注册”按钮时
const first_name=firstName.value；
const last_name=lastName.value；
const e_mail=newEmail.value；
const pass_word=newPassword.value；
如果（名字和姓氏、电子邮件和传递单词）{
setItem（“名字”，名字）；
setItem（“姓氏”，姓氏）；
setItem（“电子邮件”，电子邮件）；
setItem（“密码”，传递单词）；
}否则{
提醒（“请填写表格”）；
}
};您可以这样保存您的值：

localStorage.setItem("User1", JSON.stringify({
   firstName: first_name,
   lastName: last_name,
   eMail: email,
   password: pass_word
}));

对于其他用户，您可以使用User2键：

localStorage.setItem("User2", JSON.stringify({
   firstName: first_name,
   lastName: last_name,
   eMail: email,
   password: pass_word
}));

首先也是最重要的一点是，不要将密码存储在本地存储器中，也不要存储在纯文本中

您应该直接将其发送到API，获取令牌并将其存储在Cookie中，而不是本地存储中

要在本地存储中存储多个值，可以使用
JSON.stringify
将
对象
转换为
字符串
，然后将其存储为值

但正如我所看到的，你可以分别从每个输入中获得价值。我假设您将整个表单包装在
标记中，这样您就可以使用属性
onsubmit
将整个表单作为一个对象，就像这样，然后删除所有那些
document.getElementById…
变量

完成后，您可以将整个表单转换为JSON.stringify并将其传递给localStorage

localStorage.setItem（“UserFormData”，JSON.stringify（form））；

然后，要检索此数据，可以使用
localStorage.getItem
并使用
JSON.parse
将其解析为对象

JSON.parse（localStorage.getItem（“UserFormData”）；
欢迎！看看@firatozcevahir的答案。我假设您知道如何从本地存储获取数据。我将创建一个对象
users
，它有两个属性：
nextId
（比如，整数，最初为0）和
users
（一个带有键
id
的对象，以及您已经拥有的四个键，或者是first、last和email的串联）-阅读、添加新用户、保存（使用
users=JSON.parse（localStorage.users）
阅读，
localStorage.users=JSON.stringify（users）
保存）。谢谢Igor！我会再次询问是否有东西再次卡住：）