JS LocalStorage: утилиты для сохранения данных в браузере

LocalStorage в JavaScript представляет собой локальное хранилище данных браузера, которые могут быть использованы для сохранения информации между сессиями и вкладками. В нем можно хранить текстовые значения и объекты, которые преобразуются в JSON-представление.

Предположим, мы хотим сохранить имя пользователя в localStorage. Для этого мы можем использовать следующий код:

localStorage.setItem('username', 'John');

Этот код устанавливает значение 'John' для ключа 'username' в localStorage. После этого, мы можем получить значение, используя этот ключ:

const username = localStorage.getItem('username');
console.log(username); // 'John'

Мы также можем обновить существующий ключ, используя метод setItem:

localStorage.setItem('username', 'Alex');
const updatedUsername = localStorage.getItem('username');
console.log(updatedUsername); // 'Alex'

Или удалить ключ из localStorage:

localStorage.removeItem('username');

LocalStorage имеет некоторые ограничения, которые могут привести к ошибкам, например, максимальный размер хранилища зависит от браузера и настройки безопасности. Также данные в localStorage могут быть удалены при очистке кэша или при использовании инструментов очистки браузера.

В целом, localStorage - полезный инструмент для локального хранения данных в браузере. Он может быть использован для хранения настроек, предпочтений пользователя и т.д.