javascript - 访问本地存储中列表的元素

Question

有一个这样的列表:

 var names_Array = [];

 var names_List = new WinJS.Binding.List(names_Array);

我将以下内容插入列表:

names_List.push({ name: "Joe Dowling", image: "image/Joe Dowling.png", ClientID: "1234" });
names_List.push({ name: "Esteban Flamenco ", image: "image/Esteban Flamenco.png", ClientID: "6666" });

然后我在本地存储中设置列表，如下所示:

window.localStorage.setItem('names_List', names_List);

最后我得到了这样的项目:

  var test = window.localStorage.getItem('names_List');
  console.log(test);

我希望能够在控制台中打印列表的元素。谁能指导我这件事。我尝试过使用names_List.getAt(index)方法但无济于事。

Answer 1

您几乎肯定会在这里遇到一些困惑，因为 localStorage 只会存储字符串。任何其他类型的对象都将转换为字符串。因此，您可能会得到类似 [object Object],[object Object],[object Object],[object Object] 的内容，这是对象数组转换为字符串的结果。

解决这个问题的最佳方法是使用 JSON。

window.localStorage.setItem('names_List', JSON.stringify(names_List));
var test = JSON.parse(window.localStorage.getItem('names_List'));

这会以更有意义的方式将对象转换为字符串，因此您将保留结构。