JavaScript local storage: Requesting all data?

Question

Is there a way to retrieve all data in local storage in one single call?

Without using specific key (getItem('key').

What I like is to load all data and then check them for a certain prefix.

You can list all keys: https://stackoverflow.com/questions/8419354/get-html5-localstorage-keys — Thilo, Mar 22 '18 at 08:50

Mike Ezzati · Answer 1 · 2018-03-22T09:16:09.617

2

Object.getOwnPropertyNames(localStorage)
      .filter(key => localStorage[key].startsWith("e"))
      .map(key => localStorage[key]);

edited Mar 22 '18 at 09:16

answered Mar 22 '18 at 08:51

Mike Ezzati

2,608
1
22
32

score 1 · Answer 2 · edited Mar 22 '18 at 10:41

This will give you all the keys

var local = localStorage;
for (var key in local) {
  console.log(key);
}

Also you can use Object.keys().

The Object.keys() method returns an array of a given object's own enumerable properties, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).

console.log(Object.keys(localStorage))

score 1 · Accepted Answer · answered Mar 22 '18 at 08:51

If you want to get certain items that staty with your custom prefix, you can first at all retrieve all localStorage keys, filter it, and then retrieve the data:

ES5

var prefix = 'your-prefix:'

var filteredStorage = Object.keys(localStorage)
  .filter(function(key) {
    return key.startsWith(prefix)
  })
  .map(function(key){
    return localStorage.getItem(key)
  })

ES2015

let prefix = 'your-prefix:'  
let filteredStorage = Object.keys(localStorage)
  .filter(key => key.startsWith(prefix))
  .map(key => localStorage.getItem(key))

JavaScript local storage: Requesting all data?

3 Answers3