Узнайте секретные трюки сохранения данных в JavaScript! Это просто! Ваш код никогда не будет таким же после чтения этой статьи!

JS: Как сделать хранилище

В JavaScript доступны два основных типа хранилищ: sessionStorage и localStorage. Они позволяют сохранять пары ключ-значение прямо в браузере.

localStorage

localStorage сохраняет данные без срока действия. Данные не удаляются даже при закрытии браузера. Это отличный выбор для долгосрочного хранения данных.

Сохранение данных

localStorage.setItem('ключ', 'значение');

Получение данных

localStorage.getItem('ключ');

Удаление данных

localStorage.removeItem('ключ');

sessionStorage

sessionStorage сохраняет данные только во время жизни сессии. Данные удаляются, когда страница закрывается. Это хороший выбор для хранения данных во время одной сессии.

Сохранение данных

sessionStorage.setItem('ключ', 'значение');

Получение данных

sessionStorage.getItem('ключ');

Удаление данных

sessionStorage.removeItem('ключ');