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

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

Вот пример:

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

javascript

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

javascript

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

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