adding and retrieving arrays from localStorage

Question

I am trying to retrieve value from localStorage but below code is printing NULL in browser Console instead of array object values! any one can help me with this please

var ary = [];

function setFavorite(n, v) {
    alert("a=" + n + " ,v=" + v);
    var obj = {};
    obj[n] = v;
    ary.push(obj);
    // Put the object into storage
    localStorage.setItem('testObject', JSON.stringify(ary));
    // Retrieve the object from storage
    var retrievedObject = localStorage.getItem('ary');
    console.log('retrievedObject: ', JSON.parse(retrievedObject));
}
setFavorite("Power", "Power Converter"); //calling above function from a button click

VLAZ · Accepted Answer · 2024-02-26 09:43:21Z

2

You are adding the object under the testObject key but you are fetching the value of the ary key, hence why nothing is returned.

JSFiddle with a simple illustration for adding and retrieving arrays from localStorage

edited Feb 26, 2024 at 9:43

answered Apr 5, 2015 at 22:47

VLAZ

29.6k9 gold badges65 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dan Over a year ago

can you tell me , how can i retireve it back in for each loop so that i can print Name & value in console together

VLAZ Over a year ago

Do you mean that you want to retrieve the array stored in localStorage and then look over everything printing key and value?

Dan Over a year ago

How can i push only unique names which are not available in ary

mr-wildcard · Accepted Answer · 2015-04-05 22:51:35Z

1

Hm, typo I guess: 'ary' hasn't been stored.

You stored "testObject".

var retrievedObject = localStorage.getItem('testObject');

should do the trick.

answered Apr 5, 2015 at 22:51

mr-wildcard

5503 silver badges12 bronze badges

Collectives™ on Stack Overflow

adding and retrieving arrays from localStorage

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related