Использование localalstorage для хранения информации для входа

Question

Я работал над проектом, в котором мы можем хранить информацию для входа в систему, чтобы после регистрации пользователя данные сохранялись в объекте localStorage. Я упомянул некоторый код javascript, чтобы показать, что:

var user = document.getElementById("user");
var pass = document.getElementById("pass");
var email = document.getElementById("email");
var user2 = document.getElementById("user2");
var pass2 = document.getElementById("pass2");

function register() {
    localStorage.setItem("username", user.value);
    localStorage.setItem("password", pass.value);
    localStorage.setItem("email", email.value);
    document.getElementById("id01").innerHTML = "Registration successful";
}

function login() {
    var checkuser = localStorage.getItem("username");
    var checkpass = localStorage.getItem("password");
    if (checkuser === user2.value && checkpass === pass2.value) {
        document.getElementById("demo").innerHTML = "You are now logged in.";
    } else {
        document.getElementById("demo").innerHTML = "Incorrect username and password";
    }
}

В упомянутом выше коде javascript я использовал объект localStorage для хранения значений. Я сохранил имя пользователя в свойстве user, пароль в свойстве pass и адрес электронной почты в свойстве email.

Мой вопрос: есть ли способ сохранить имя пользователя, пароль и адрес электронной почты в одном свойстве (свойство user)?

Answer 1

Вы можете сохранить JSON как строку в свойстве localStorage, а затем проанализировать ее

function setUser() {
  localStorage.setItem('user', JSON.stringify(user));
}

function getUser() {
  user = JSON.parse(localStorage.getItem('user'))
}

Answer 2

Да, вы можете сделать это, поместив все нужные вам функции в один объект.

Пример здесь

var user = document.getElementById("user");
var pass = document.getElementById("pass");
var email = document.getElementById("email");
var user2 = document.getElementById("user2");
var pass2 = document.getElementById("pass2");
var user = {
email:email,
pass:pass,
//.. other properties 
}

, затем вы можете установить вот так

localStorage.setItam("USEROBJ",JSON.stringify(user));

Когда вы хотите вызвать это, вы должны использовать как

var user = JSON.parse(localStorage.getItam("USEROBJ"));

Кстати, вы можете прочитать это

Хранение объектов в HTML5 localStorage подробнее о ваш вопрос