Comment stocker un tableau dans un objet localStorage en HTML 5?

Question

Comment stocker un tableau mycars dans un objet localStorage en HTML 5?  

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

localStorage.mycars=?;

Answer 1

localStorage est pour les paires key : value, donc ce que vous voudrez probablement faire est de JSON.stringify le tableau et stocker la chaîne dans la clé mycars pour pouvoir ensuite la retirer et JSON.parse. Par exemple,

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

Vérifiez son lien

http://diveintohtml5.info/storage.html

C'est comme un cours intensif pour travailler avec le stockage local. Consultez également cet article de Mozilla Firefox.

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

voici la documentation officielle pour le stockage local

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

Juste pour ton problème, tu peux le faire comme ça

localStorage ne prend en charge que les chaînes. Utilisez JSON.stringify() et JSON.parse().

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

Answer 3

LocalStorage peut stocker des chaînes et non des tableaux directement. Utilisez des symboles spéciaux tels que '~' pour concaténer les éléments d'un tableau et enregistrez-le sous forme de tableau. Lors de la récupération, utilisez split ('~') pour récupérer le tableau.