В JavaScript существует несколько способов сохранения данных, и одним из самых распространенных способов является использование хранилища.
Хранилище представляет собой специальный механизм, предоставляемый веб-браузерами, который позволяет сохранять данные на стороне клиента. Хранилище доступно через JavaScript API и позволяет хранить данные в виде пар "ключ-значение".
Существует два основных вида хранилища в JavaScript - localStorage и sessionStorage.
localStorage - постоянное хранилище, данные в нем сохраняются даже после закрытия и перезапуска браузера. Они доступны для всех вкладок и окон браузера, работающих с тем же доменом.
sessionStorage - хранилище сессии, данные в нем сохраняются только на время сеанса работы браузера. Когда сеанс закрывается, данные удаляются.
Для сохранения данных в хранилище необходимо использовать методы setItem() или присвоить значение свойству с помощью операции присваивания.
Например, чтобы сохранить значение "John" с ключом "name" в localStorage, можно использовать следующий код:
localStorage.setItem("name", "John");
А чтобы сохранить значение "Doe" с ключом "last_name" в sessionStorage, можно использовать следующий код:
sessionStorage.setItem("last_name", "Doe");
Для чтения данных из хранилища можно использовать метод getItem().
Например, чтобы получить значение, сохраненное в localStorage по ключу "name", можно использовать следующий код:
var name = localStorage.getItem("name");
console.log(name); // выведет "John"
Для удаления данных из хранилища можно использовать метод removeItem().
Например, чтобы удалить значение из localStorage по ключу "name", можно использовать следующий код:
localStorage.removeItem("name");
Таким образом, используя localStorage и sessionStorage, можно сохранять данные на стороне клиента и получать к ним доступ в любой момент работы приложения. Это обеспечивает более легкую и быструю работу с данными, а также повышает безопасность, поскольку данные хранятся на стороне клиента и не передаются на сервер.