Интерфейс Storage из Web Storage API предоставляет доступ для session storage или local storage для конкретного домена, позволяя вам к примеру добавлять, изменять или удалять сохранённые элементы данных.
Если вы хотите управлять session storage для домена, вы вызываете Window.sessionStorage метод; Если вы хотите управлять local storage домена, вы вызываете Window.localStorage.
Свойство Storage.length (только для чтения) — возвращает число, представляющее колличество элементов в объекте Storage.
Методы:
Свойство sessionStorage позволяет получить доступ к объекту Storage текущей сессии. Свойство sessionStorage очень похоже на свойство Window.localStorage, единственное различие заключается в том, что все данные, сохраненные в localStorage не имеют определенного времени жизни, а данные в sessionStorage очищаются в момент окончания сессии текущий страницы. Сессия страницы остается активной все время пока окно браузера открыто и сохраняется между перезагрузками страниц. Открытие той же страницы в новом окне браузера или новой вкладке приводит к созданию новой сессии страницы, что отличается от поведения session cookies.
Пример:
// Сохранение данных в sessionStorage
sessionStorage.setItem('key', 'value');
// Получение данных из sessionStorage
var data = sessionStorage.getItem('key');
Свойство localStorage позволяет получить доступ к локальному Storage объекту. localStorage аналогично свойству sessionStorage. Разница только в том, что свойство sessionStorage хранит данные в течение сеанса (до закрытия браузера), в отличие от данных, находящихся в свойстве localStorage, которые не имеют ограничений по времени хранения и могут быть удалены только с помощью JavaScript.
Пример:
myStorage = localStorage;
// Сохранение данных в localStorage
localStorage.setItem('key', 'value');
// Получение данных из localStorage
localStorage.getItem('key');
| false | true |
|---|---|
| Boolean("") | Boolean('hello') |
| Boolean(0) | Boolean('0') |
| Boolean(null) | Boolean(' ') |
| Boolean(undefined) | Boolean([]) |
| Boolean(NaN) | Boolean(function(){}) |