How do I use a for loop with localStorage to remove an item?

Question

I try to remove specific data from localStorage and found this question.

One of the answers seems to use localStorage as an array but I don't have jQuery. To find the specific key (and value) I try to use a for loop:

localStorage.setItem("order", 1);
for(var i=0; i<localStorage.length; i++){ 
    var item=localStorage[i];
    if (item == 'order')  
    {
        alert(item);
        // I want to inspect the value...
        // and then remove it
        localStorage.removeItem(item);
    }
}

This code never alerts and the value order is still there.

What am I missing?

What are you trying to achieve? Do you want to remove the key-value pair whose value is "order"? — idmean, Jul 31 '15 at 16:50
Why do you need a loop? Why not just `localStorage.removeItem('order');` ? — ccnokes, Jul 31 '15 at 16:51
Yes, that is what I want to get done. they key `order` should no longer be in the localStorage — Noob, Jul 31 '15 at 16:52
@ccnokes the key and the value should be inspected for removal. — Noob, Jul 31 '15 at 16:55
If you need to inspect the key and it's contents, `localStorage.getItem('order')` will return the key's contents. — ccnokes, Jul 31 '15 at 17:11

score 2 · Accepted Answer · answered Jul 31 '15 at 16:52

localStorage is an object, you can loop through it like this

localStorage.setItem("order", 1);

for (var attr in localStorage){
   if (attr == 'order') {
       alert(localStorage[attr]);
       localStorage.removeItem(attr);
   }
}

Though there is no reason to loop, as you can simply call

localStorage.removeItem('order');

if you already know the key's name!

score 1 · Answer 2 · answered Jul 31 '15 at 16:51

1

To remove a certain key-value-pair from localStorage, use Storage.removeItem() with the correct key:

localStorage.removeItem('order');

There is no need to loop through the items.

answered Jul 31 '15 at 16:51

TimoStaudinger

41,396
16
88
94

How do I use a for loop with localStorage to remove an item?

2 Answers2