Why Does LocalStorage getItem log [object Object]?
When adding items to local storage you might accidentally pass some information that gets stored as [object Object]
. When you try and retrieve the information you added with localStorage.getItem
, all you will see is[object Object]
.
There's a quick way to fix this. Local storage only supports the string datatype, therefore you will need to convert any data to a string before saving it to local storage with JSON.stringify()
.
Let's say you have a data
object. You can add it to local storage like so:
localStorage.setItem('data', JSON.stringify(data))
When you want to get back your data object, simply convert it back to a JS object when reading from local storage:
data = JSON.parse(localStorage.getItem('data'))