javascript - 如何在 localStorage 中存储对象？

Question

我正在尝试从本地存储中设置和获取项目，但是当我记录数据时，我得到[对象对象]

我正在尝试获取该对象的 View ，如下所示 {a : v, b : v }...

这是代码:

var widgets = localStorage.getItem('widgets');
        if (widgets == null) {
         widgets = {
            widget_lot : '',
            widget_td : '',
            widget_cwo : '',
            widget_vehicles : '',
            widget_take : ''
            };  

            widgets.widget_lot = 0;
            widgets.widget_td = 0;
            widgets.widget_cwo = 1;
            widgets.widget_vehicles = 0;
            widgets.widget_take = 0;

            localStorage.setItem('widgets', widgets);
        }

        console.log(widgets); //Logs "[object Object]"

Answer 1

本地存储仅支持string数据类型。所以你必须

1. 在保存到 LocalStorage 之前将其转换为字符串

   localStorage.setItem('key', JSON.stringify(data));
   

2. 转回JS对象，从LocalStorage读取

   data = JSON.parse(localStorage.getItem('key')); //forgot to close
   

对于您的代码，它应该是 -

var widgets = JSON.parse(localStorage.getItem('widgets'));

和

localStorage.setItem('widgets', JSON.stringify(widgets));