Получить ключи локального хранилища HTML5

Question

Получить ключи локального хранилища HTML5

мне просто интересно, как получить все значения ключей в localStorage.

Я попытался получить значения с помощью простого цикла JavaScript

for (var i=1; i <= localStorage.length; i++)  {

   alert(localStorage.getItem(i))

}

но он работает только в том случае, если ключи являются прогрессивными числами, начиная с 1.

Как мне получить все ключи, чтобы отобразить все доступные данные?

566 9

javascript html5 local-storage key

9 ответов:

Comments

Ничего не найдено.

Kevin Ennis · Accepted Answer · 2014-11-18 05:19:14

for (var key in localStorage){
   console.log(key)
}
EDIT: этот ответ получает много голосов, поэтому я думаю, что это общий вопрос. Я чувствую, что должен это сделать всем, кто может наткнуться на мой ответ и подумать, что это "правильно" только потому, что было принято делать обновление. Правда, приведенный выше пример на самом деле не право способ сделать это. Самый лучший и безопасный способ сделать это так:
for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  console.log( localStorage.getItem( localStorage.key( i ) ) );
}

Zack Argyle · Accepted Answer · 2015-02-03 20:26:07

Я хотел бы создать легко видимый объект из него, как это.
Object.keys(localStorage).reduce(function(obj, str) { 
    obj[str] = localStorage.getItem(str); 
    return obj
}, {});
Я делаю то же самое с печеньем, а также.
document.cookie.split(';').reduce(function(obj, str){ 
    var s = str.split('='); 
    obj[s[0].trim()] = s[1];
    return obj;
}, {});

nerdcoder · Accepted Answer · 2017-09-10 07:01:40

function listAllItems(){  
    for (i=0; i<=localStorage.length-1; i++)  
    {  
        key = localStorage.key(i);  
        alert(localStorage.getItem(key));
    }  
}

Jeffrey Sweeney · Accepted Answer · 2011-12-07 19:08:07

вы можете использовать localStorage.функция key (index) для возврата строкового представления.

cillay · Accepted Answer · 2018-03-31 05:06:52

если браузер поддерживает HTML5 LocalStorage, он также должен реализовать Array.прототип.карта, включающая это:
Array.apply(0, new Array(localStorage.length)).map(function (o, i) {
    return localStorage.key(i);
})

Sean Colombo · Accepted Answer · 2015-08-14 15:49:12

поскольку в вопросе упоминалось о поиске ключей, я решил упомянуть, что для отображения каждой пары ключей и значений вы можете сделать это следующим образом (на основе ответа Кевина):
for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  console.log( localStorage.key( i ) + ": " + localStorage.getItem( localStorage.key( i ) ) );
}
это будет регистрировать данные в формате "ключ: значение"

(Кевин: не стесняйтесь просто взять эту информацию в свой ответ, если вы хотите!)

Hassan Azimi · Accepted Answer · 2015-02-03 14:30:59

Я согласен с Кевином, у него есть лучший ответ, но иногда, когда у вас есть разные ключи в вашем локальном хранилище с одинаковыми значениями, например, вы хотите, чтобы ваши публичные пользователи видели, сколько раз они добавили свои предметы в свои корзины, вам нужно показать им количество раз, а затем вы можете использовать это:
var set = localStorage.setItem('key', 'value');
var element = document.getElementById('tagId');

for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  element.innerHTML =  localStorage.getItem(localStorage.key(i)) + localStorage.key(i).length;
}

Ali Adravi · Accepted Answer · 2016-05-26 16:32:43

мы также можем читать по имени.

скажем, мы сохранили значение с именем "пользователь", как это
$localStorage.user = user_Detail;
затем мы можем прочитать его с помощью
localStorage["ngStorage-user"];
я использовал его, и он работает гладко, не нужно делать цикл for

Mike Ratcliffe · Accepted Answer · 2018-04-20 12:44:18

для тех, кто упоминает использование Object.keys(localStorage)... не потому, что он не будет работать в Firefox (по иронии судьбы, потому что Firefox верен спецификации). Рассмотрим это:
localStorage.setItem("key", "value1")
localStorage.setItem("key2", "value2")
localStorage.setItem("getItem", "value3")
localStorage.setItem("setItem", "value4")
потому что ключ, getItem и setItem являются прототипными методами Object.keys(localStorage) вернутся ["key2"].

вы лучше сделать что-то вроде этого:
let t = [];
for (let i = 0; i < localStorage.length; i++) {
  t.push(localStorage.key(i));
}