Каким образом можно сохранить JavaScript-объект в localStorage?

Чтобы сохранить объект в localStorage, его необходимо преобразовать в строку, обычно используя JSON.stringify(). При извлечении из localStorage, строковое представление объекта преобразуется обратно в объект с помощью JSON.parse().

Вот пример:

Сохранение объекта:

// Исходный объект
const myObject = {
  name: 'Пример',
  value: 42
};

// Преобразование объекта в строку JSON и сохранение в localStorage
localStorage.setItem('myStoredObject', JSON.stringify(myObject));

Чтение объекта:

// Получение строки из localStorage
const storedObjectString = localStorage.getItem('myStoredObject');

// Преобразование строки JSON обратно в объект (если она существует)
if (storedObjectString) {
  const myReadObject = JSON.parse(storedObjectString);
  // Теперь myReadObject - это снова JavaScript-объект
  console.log(myReadObject.name); // Выведет: Пример
}

Важно помнить, что localStorage хранит данные только в виде строк. Поэтому прямое сохранение объекта приведет к тому, что он будет сохранен как строка [object Object], что бесполезно.

Также стоит учитывать ограничения размера localStorage (обычно около 5 МБ) и то, что он не предназначен для хранения конфиденциальных данных, так как доступен из любого скрипта на том же домене.