[javascript] Как сохранить массив в localStorage?



Answers

localStorage и sessionStorage могут обрабатывать только строки. Вы можете расширить объекты хранения по умолчанию для обработки массивов и объектов. Просто включите этот скрипт и используйте новые методы:

Storage.prototype.setObj = function(key, obj) {
    return this.setItem(key, JSON.stringify(obj))
}
Storage.prototype.getObj = function(key) {
    return JSON.parse(this.getItem(key))
}

Используйте localStorage.setObj(key, value) для сохранения массива или объекта и localStorage.getObj(key) для его получения. Те же методы работают с объектом sessionStorage .

Если вы просто используете новые методы для доступа к хранилищу, каждое значение будет преобразовано в JSON-строку перед сохранением и анализом до того, как он будет возвращен получателем.

Источник: http://www.acetous.de/p/152

Question

На этот вопрос уже есть ответ:

Если мне не нужен localStorage, мой код будет выглядеть так:

var names=new Array(); 
names[0]=prompt("New member name?");

Это работает. Тем не менее, мне нужно сохранить эту переменную в localStorage, и она окажется довольно упрямой. Я пробовал:

var localStorage[names] = new Array();
localStorage.names[0] = prompt("New member name?");

Где я иду не так?




Подход JSON работает, то есть 7 вам нужен json2.js, с ним он отлично работает и, несмотря на один комментарий, говорящий иначе, на нем есть localStorage. это действительно похоже на лучшее решение с наименьшими проблемами. Конечно, можно писать сценарии, чтобы делать по существу то же самое, что и json2, но в этом мало смысла.

по крайней мере со следующей версией строки есть localStorage, но, как сказано, вам нужно включить json2.js, потому что это не включено самим браузером: 4.0 (совместимо; MSIE 7.0; Windows NT 6.1; WOW64; Trident / 5.0; SLCC2 .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; BRI / 2; NP06; .NET4.0C; .NET4.0E; Zune 4.7) (я бы сделал это замечанием ответ, но не может).




Просто создал это:

https://gist.github.com/3854049

//Setter
Storage.setObj('users.albums.sexPistols',"blah");
Storage.setObj('users.albums.sexPistols',{ sid : "My Way", nancy : "Bitch" });
Storage.setObj('users.albums.sexPistols.sid',"Other songs");

//Getters
Storage.getObj('users');
Storage.getObj('users.albums');
Storage.getObj('users.albums.sexPistols');
Storage.getObj('users.albums.sexPistols.sid');
Storage.getObj('users.albums.sexPistols.nancy');



Related