Дмитрий Фандорин
sessionStorage в JavaScript
sessionStorage - это встроенный в браузер API, который позволяет хранить данные на стороне клиента, но только до момента закрытия текущей вкладки браузера. Данные хранятся в виде пар ключ-значение и доступны для использования только в текущей вкладке браузера.
Пример:
// Запись значения в sessionStorage
sessionStorage.setItem('username', 'John');
// Чтение значения из sessionStorage
const username = sessionStorage.getItem('username');
// Удаление значения из sessionStorage
sessionStorage.removeItem('username');
// Очистка всего хранилища
sessionStorage.clear();
Форма записи
Запись
Для записи значения в sessionStorage используйте метод setItem(key, value)
, где key
- это ключ, а value
- это значение, которое нужно сохранить.
Пример:
sessionStorage.setItem('username', 'John');
Чтение
Для чтения значения из sessionStorage используйте метод getItem(key)
, где key
- это ключ, по которому нужно найти значение.
Пример:
const username = sessionStorage.getItem('username');
Удаление
Для удаления значения из sessionStorage используйте метод removeItem(key)
, где key
- это ключ, который нужно удалить.
Пример:
sessionStorage.removeItem('username');
Очистка хранилища
Для очистки всего хранилища sessionStorage используйте метод clear()
.
Пример:
sessionStorage.clear();
Количество полей в хранилище
Для получения количества полей в хранилище sessionStorage используйте свойство length
.
Пример:
const fieldsCount = sessionStorage.length;
Получение ключа по индексу
Для получения ключа по индексу используйте метод key(index)
, где index
- это индекс ключа, который нужно получить.
Пример:
const firstKey = sessionStorage.key(0);
Заключение
sessionStorage - это удобный способ хранения данных на стороне клиента до момента закрытия текущей вкладки браузера. Он предоставляет простой интерфейс для записи, чтения и удаления данных, а также для очистки хранилища и получения информации о его состоянии. При использовании sessionStorage необходимо учитывать, что данные будут доступны только в текущей вкладке браузера, и при закрытии вкладки они будут удалены.
Карта развития разработчика
Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile