HTML5 Localstorage & jQuery: Delete localstorage keys starting with a certain word

Question

I have 2 apps working together with localstorage and I was wondering how can I delete all the keys which start with note- and todo- . I know localstorage.clear() clears everything but thats not my aim.

Here is an example of what I have in my localstorage: enter image description here

Where I want to delete all the todo-* with a button click and all note-* with other button click using jquery.

Thanks alot

http://stackoverflow.com/questions/3138564/looping-through-localstorage-in-html5-and-javascript — Jason Terk, Sep 29 '11 at 02:45

Ghostoy · Accepted Answer · 2014-10-23T03:21:18.893

43

Object.keys(localStorage)
      .forEach(function(key){
           if (/^todo-|^note-/.test(key)) {
               localStorage.removeItem(key);
           }
       });

edited Oct 23 '14 at 03:21

answered Sep 29 '11 at 02:53

Ghostoy

2,689
19
18

it seems to delete the todo-'s only ? Weird – jQuerybeast Sep 29 '11 at 03:01
3

The RegEx should be `/^(?:todo-|note-)/`. The `?:` will make it a non-capturing group which will speed things up a little. `/^todo-|^note-/` should work too without any grouping at all. – Useless Code Sep 29 '11 at 03:08
It doesn't seem to be that the problem. I think the problem is in the coding of that app because I tried to delete the value through firebug and when I refresh I get it the value back. – jQuerybeast Sep 29 '11 at 03:13

score 10 · Answer 2 · answered Jul 19 '12 at 20:34

I used a similar method to @Ghostoy , but I wanted to feed in a parameter, since I call this from several places in my code. I wasn't able to use my parameter name in a regular expression, so I just used substring instead.

function ClearSomeLocalStorage(startsWith) {
    var myLength = startsWith.length;

    Object.keys(localStorage) 
        .forEach(function(key){ 
            if (key.substring(0,myLength) == startsWith) {
                localStorage.removeItem(key); 
            } 
        }); 
}

HTML5 Localstorage & jQuery: Delete localstorage keys starting with a certain word

2 Answers2

Linked