CODEWITHSUNDEEP
javascriptclient-sidelocal-storage
user714852
user714852

Reputation: 2154

localStorage - append an object to an array of objects

I'm attempting to locally store an object within an array within an object.

If I try the following in my console it works perfectly:

theObject = {}
theObject.theArray = []
arrayObj = {"One":"111"}
theObject.theArray.push(arrayObj)

However if I do what I think is the equivalent, except storing the result in localStorage it fails:

localStorage.localObj = {}
localStorage.localObj.localArray = []
stringArrayObj = JSON.stringify(arrayObj)
localStorage.localObj.localArray.push(stringArrayObj)

I get the following error...

localStorage.localObj.localArray.push(stringArrayObj)
TypeError
arguments: Array[2]
message: "—"
stack: "—"
type: "non_object_property_call"
__proto__: Error

Any idea how I can get this to work?

Cheers

Upvotes: 4

Views: 9308

Answers (2)

Matthew
Matthew

Reputation: 15952

You can only store strings in localStorage. You need to JSON-encode the object then store the resulting string in localStorage. When your application starts up, JSON-decode the value you saved in localStorage.

localObj = {}
localObj.localArray = []
localObj.localArray.push(arrayObj)

localStorage.localObj = JSON.stringify(localObj);
...
localObj = JSON.parse(localStorage.localObj);

Upvotes: 10

Eskat0n
Eskat0n

Reputation: 937

LocalStorage can store only key-value pairs where key is string and value is string too. You can serialize your whole object hierarchy into JSON and save that as localStorage item.

According to V8 sources (I assume you using Google Chrome but hope this isn't different for other JS engines) TypeError with message 'non_object_property_call' occurs than method called on undefined or null value.

Upvotes: 2

Related Questions