Какие методы есть у localStorage?

Основные методы localStorage

localStorage — это часть Web Storage API, которая позволяет хранить данные в браузере без срока действия. Данные сохраняются даже после закрытия вкладки или браузера. Все методы синхронны и работают только со строками.

Методы и их использование

• setItem(key, value) — сохраняет значение по ключу. Если ключ уже существует, значение перезаписывается.
• getItem(key) — возвращает значение по ключу или null, если ключ не найден.
• removeItem(key) — удаляет запись по ключу.
• clear() — удаляет все записи из localStorage.
• key(index) — возвращает имя ключа по индексу (начиная с 0).
• length — свойство, показывающее количество сохранённых элементов.

Пример кода

// Сохраняем данные
localStorage.setItem('username', 'John');
localStorage.setItem('theme', 'dark');

// Получаем данные
const user = localStorage.getItem('username'); // 'John'

// Удаляем одну запись
localStorage.removeItem('theme');

// Получаем количество записей
console.log(localStorage.length); // 1

// Доступ по индексу
const firstKey = localStorage.key(0); // 'username'

// Очищаем всё хранилище
localStorage.clear();

Важные особенности

• Все значения автоматически преобразуются в строки. Для объектов используйте JSON.stringify() и JSON.parse().
• Хранилище ограничено по размеру (обычно 5-10 МБ на домен).
• Данные доступны только в рамках одного протокола и домена.

Вывод: localStorage удобен для хранения пользовательских настроек, токенов или кэширования данных, которые должны сохраняться между сессиями. Однако не стоит хранить конфиденциальную информацию, так как данные доступны через JavaScript.