如何在HTML5的localStorage对象中存储数组？

Question

18 浏览2023年5月24日

匿名的 2023年3月3日

0 Comments

这个问题在这里已经有答案了:

如何在HTML5 localStorage / sessionStorage中存储对象

如何在HTML5的localStorage对象中存储mycars数组？

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
localStorage.mycars=?;

admin 更改状态以发布 2023年5月24日

0

2 答案

匿名的 · Answer 1 · 2023-03-03T20:57:58+00:00

检查它的链接

http://diveintohtml5.info/storage.html

这就像处理本地存储的速成课程，也可以看看Mozilla Firefox的这篇文章

http://hacks.mozilla.org/2009/06/localstorage/

这是本地存储的官方文档

http://dev.w3.org/html5/webstorage/

针对您的问题，您可以这样做

localStorage仅支持字符串。使用 JSON.stringify()和 JSON.parse()。

var mycars = [];
localStorage["mycars"] = JSON.stringify(carnames);
var storedNames = JSON.parse(localStorage["mycars"]);

匿名的 · Answer 2 · 2023-03-03T20:57:58+00:00

localStorage用于key：value对，您可能想要做的是将数组JSON.stringify并将字符串存储在mycars密钥中，然后您可以将其取出并JSON.parse它。例如，

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
localStorage["mycars"] = JSON.stringify(mycars);
var cars = JSON.parse(localStorage["mycars"]);