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

JavaScript-объекты напрямую не могут быть сохранены в localStorage, так как он хранит только строки. Объект необходимо сериализовать в строку, например, в формат JSON, перед сохранением, и десериализовать обратно при чтении.

// Пример объекта для сохранения
const userSettings = {
  theme: 'dark',
  language: 'en',
  fontSize: 16
};

// Сериализация объекта в строку JSON и сохранение
localStorage.setItem('settings', JSON.stringify(userSettings));

// Чтение строки JSON из localStorage и десериализация в объект
const storedSettingsString = localStorage.getItem('settings');
if (storedSettingsString) {
  const storedSettings = JSON.parse(storedSettingsString);
  console.log(storedSettings); // Выведет объект { theme: 'dark', language: 'en', fontSize: 16 }
}

Основные методы:

• localStorage.setItem(key, value): Сохраняет пару ключ-значение. value должен быть строкой.
• localStorage.getItem(key): Возвращает значение по ключу в виде строки.
• JSON.stringify(object): Преобразует JavaScript-значение в строку JSON.
• JSON.parse(string): Преобразует строку JSON в JavaScript-значение (объект, массив и т.д.).

При чтении из localStorage, важно проверять наличие значения (if (storedSettingsString)), так как getItem вернет null, если ключ не найден.