Как работает локальное хранилище в браузере?

Локальное хранилище (localStorage) в браузере позволяет хранить данные для каждого домена в течение неограниченного времени (после закрытия вкладки браузера, самого браузера, перезагрузки компьютера). osipenkov.ru

Некоторые особенности работы localStorage:

• Формат хранения: данные хранятся в виде пар «ключ-значение», причём и ключ, и значение всегда сохраняются в виде строк. htmlacademy.ru Даже если сохранить числовое или логическое значение, оно автоматически преобразуется в строку. htmlacademy.ru
• Запись данных: для записи используется метод setItem('ключ', 'значение'), который принимает два строковых параметра: ключ, по которому будет сохранено значение, и само значение. doka.guide
• Чтение данных: за чтение отвечает getItem('ключ'), который указывает на ключ для чтения и возвращает полученное значение из хранилища. doka.guide Если по этому ключу нет значения, то метод вернёт null. doka.guide
• Обновление данных: процедура обновления существующих данных в localStorage подобна созданию новой записи, по сути, происходит перезапись старых данных. george75.gitlab.io
• Удаление данных: для удаления данных существует метод removeItem. george75.gitlab.io

Некоторые ограничения localStorage:

• Привязка к источнику: хранилище привязано к источнику (домен/протокол/порт). learn.javascript.ru Это значит, что разные протоколы или поддомены определяют разные объекты хранилища, и они не могут получить доступ к данным друг друга. learn.javascript.ru
• Ограничение по размеру: каждый браузер имеет свои ограничения на размер данных, который может быть сохранён в localStorage (обычно около 5–10 мегабайт). htmlacademy.ru
• Инкогнито-режим: если пользователь открывает сайт в режиме инкогнито или приватного просмотра, localStorage может быть доступен для текущей сессии, но данные будут потеряны после закрытия этой сессии. htmlacademy.ru