OneBite.Dev - Coding blog in a bite size

Working with object in localstorage

We all love localstorage, no database needed to store simple things for our user. But what if the data is more than a string or number? How to store and read object in localstorage?

We all love localstorage, no database needed to store simple things for our user.
But what if the data is more than a string or number?
Let’s see how to store and read object in localstorage?

How to store object in localstorage

We need to turn json into a string with JSON.stringify

localstorage.setItem(key, JSON.stringify(val));

How to read/retrieve object from localstorage

We need to parse into json with JSON.parse

JSON.parse(localstorage.getItem(key))

Bonus: Helper for read and write objects in localstorage

function getObjectLS(key) {
    return JSON.parse(localStorage.getItem(key))
}

function setObjectLS(key, val) {
    localStorage.setItem(key, JSON.stringify(val));
}
javascript