Загрузка локального хранилища в одном чтении

Question

У меня есть несколько элементов, которые я храню в локальном хранилище. Что страница загружается, у меня есть около 20 линий, как это:

var SomeVar = localStorage.getItem('SomeKey'); 

Я хотел бы изменить это и получить все данные для хранения в одном чтении, хранить его во временный объект, и получить 20 переменных из этот временный объект.

Как я могу прочитать локальное хранилище в одном чтении?

Спасибо.

Answer 1

Я не могу думать о причине вы хотите сделать это, но вы могли бы воспользоваться тем, что localStorage в основном объект и сделать что-то вроде этого:

var tempLocalStorage = {}; 
for(prop in localStorage) { 
    if(localStorage.hasOwnProp(prop)) { 
     tempLocalStorage[prop] = localStorage.getItem(prop); 
    } 
} 

var SomeVar = tempLocalStorage["SomeKey"]; 

Я перебирая значения в localStorage и добавляя их во временную локальную переменную хранилища. Затем вы можете получить доступ к временной переменной локального хранилища с теми же ключами, что и стандартный localStorage, но со стандартным синтаксисом свойств объекта, а не с настраиваемым синтаксисом getItem(), который использует localStorage.

---

Редактировать: Вот предложение. Сохраните все переменные на один объект, затем загрузите и сохраните этот объект с localStorage вместо сохранения отдельных объектов. Это индивидуальная переменная, обращающаяся к вызовам, которые занимают больше всего времени. Для считывания 10 символов из одной переменной в память требуется примерно такое же количество времени, что и чтение 1000, согласно this post по оптимизации localStorage.

Answer 2

Вы можете сохранить все переменные в одном объекте и использовать JSON, чтобы преобразовать его и из строки:

// read: 
var localvars = JSON.parse(localStorage.myvars || '{}'); 
// copy from temporary object to desired variable: 
var someVar = localvars.someKey; 
// write: 
localStorage.myvars = JSON.stringify(localvars); 

Если вы используете этот метод, вы должны быть осторожны, чтобы не хранить любые рекурсивные переменные в localvars, так как это приведет к ошибке JSON.stringify. Но это не проблема, потому что вы не смогли бы сохранить эти структуры в localStorage в любом случае.

Я бы не рекомендовал использовать цикл for-in на localStorage, потому что вы не должны предполагать, что ваш скрипт является единственным, имеющим доступ к localStorage.

Answer 3

Вы посмотрели на jStorage? http://www.jstorage.info/ Я использую его совсем немного, и он, похоже, делает что-то подобное, поскольку он хранит все под одним объектом. Также кросс-браузер для более старых версий IE.