Хранилище: метод setItem()

Метод setItem() интерфейса Storage, при передаче имени и значения ключа, добавит этот ключ в указанный объект Storage, или обновит значение ключа, если он уже существует.

keyName

Строка, содержащая имя ключа, который вы хотите создать/обновить.

keyValue

Строка, содержащая значение, которое вы хотите присвоить ключу, который вы создаёте/обновляете.

None (undefined).

QuotaExceededError DOMException

Выбрасывается, если хранилище исчерпало квоту диска или пользователь отказался предоставить больше места.

Следующая функция создаёт три элемента данных внутри локального хранилища.

function populateStorage() {
  localStorage.setItem("bgcolor", "red");
  localStorage.setItem("font", "Helvetica");
  localStorage.setItem("image", "myCat.png");
}

Storage поддерживает только хранение и извлечение строк. Если вы хотите сохранить другие типы данных, вам нужно преобразовать их в строки. Для обычных объектов и массивов вы можете использовать JSON.stringify().

const person = { name: "Alex" };
localStorage.setItem("user", person);
console.log(localStorage.getItem("user")); // "[object Object]"; not useful!
localStorage.setItem("user", JSON.stringify(person));
console.log(JSON.parse(localStorage.getItem("user"))); // { name: "Alex" }

Однако, нет универсального способа хранить произвольные типы данных. Кроме того, извлеченный объект является глубокой копией исходного объекта, и изменения в нём не влияют на исходный объект.

• Storage.getItem()
• Storage.removeItem()
• Использование API Web Storage