如何将注册详细信息存储在本地存储中，而不会在下次覆盖它？

Question

所以基本上我有一个注册表单，并且每次用户注册时，我都将它们的数据存储在HTML本地存储中，但是我希望数据看起来像这样： user | [{“用户名”：“马克西米利安”，“密码”：“无论”，“地址”：“”无论“......等等。我如何确保当另一个人注册时，他们的详细信息不会覆盖已经在本地存储上的当前注册详细信息？

Answer 1

您可以存储用户数组，例如：

var users = JSON.parse(localStorage.getItem('Users')) || []; 
var userData = [{Username:document.getElementById("UserName").value}, 
{Email:document.getElementById("EmailAddress").value}, 
{Password:document.getElementById("PassWord").value}, 
{Address:document.getElementById("Address1").value}, 
{Phone:document.getElementById("PhoneNumber").value}]; 

users.push(userData); 
localStorage.setItem('Users', JSON.stringify(users)); 

然后访问用户为这样：

var users = JSON.parse(localStorage.getItem('Users')) || []; 
users.forEach(console.log); 
users[0]; 
users[1]; 
[etc.]