javascript - 如何将数组存储在 html5 中的 localStorage 对象中？

Question

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

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

localStorage.mycars=?;

Answer 1

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"]);

Answer 2

检查他的链接

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 3

LocalStorage可以直接存储字符串而不是数组。使用像'~'这样的特殊符号来连接数组的元素并将其保存为数组。检索时，使用split('~')取回数组。