Localstorage: хранение данных на стороне клиента

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

Основные методы работы с localStorage:

1. Запись данных в localStorage

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

2. Чтение данных из localStorage

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

3. Удаление данных из localStorage

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

4. Очистка localStorage

localStorage.clear();

Примеры использования localStorage:

1. Сохранение имени пользователя:

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

2. Получение имени пользователя и вывод на экран:

let userName = localStorage.getItem('userName');

console.log('Привет, ' + userName + '!');

3. Удаление сохраненного имени пользователя:

localStorage.removeItem('userName');

4. Очистка всего localStorage:

localStorage.clear();

Важно заметить, что localStorage имеет ограничения на количество данных, которые могут быть сохранены (обычно в пределах 5-10 МБ). Также, данные, сохраненные в localStorage, могут быть доступны другим сайтам, которые могут использовать тот же домен. Поэтому, нужно быть осторожным с сохранением конфиденциальных данных в localStorage.