логотип PurpleSchool
логотип PurpleSchool

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 необходимо учитывать, что данные будут доступны только в текущей вкладке браузера, и при закрытии вкладки они будут удалены.

Стрелочка влевоsetInterval() в JavaScriptqueueMicrotask() в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний