How to fetch keys and values from localStorage html5

Question

I have added some key values pairs in local storage. Now I want to fetch both values and keys and append its values in li. I am trying to it like this right now.

for ( var i = 0; i < localStorage.length; ++i ) {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(localStorage.getItem(localStorage[key]) + "    " + localStorage.getItem(localStorage.key(i))));
    ol.appendChild(li);
}

I want an output key value pairs like:

key1 value1

key2 value2

rogeriolino · Accepted Answer · 2016-12-15 20:20:06Z

1

You can use for...in to iterate over object indexes.

for (var key in localStorage) {
    var li = document.createElement("li"),
        value = localStorage.getItem(key);

    li.innerHTML = key + " " + value;
    ol.appendChild(li);
}

edited Dec 15, 2016 at 20:20

answered Dec 15, 2016 at 19:09

rogeriolino

1,13512 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Don Rhummy Over a year ago

Make sure you put in a check for localStorage. If they're in incognito mode, it'll be undefined (or null?).

Collectives™ on Stack Overflow

How to fetch keys and values from localStorage html5

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related