console saying my array is undefined javascript

Question

I've looked at many examples and I can't seem to figure out what I'm doing wrong here:

 var names_Array = [];
 var names_List = new WinJS.Binding.List(names_Array);
 names_List.push({ name: "Joe Dowling", image: "image/Joe Dowling.png", ClientID: "1234" });

window.localStorage.setItem('names_Array', JSON.stringify(names_Array));

var test = JSON.parse(window.localStorage.getItem('names_Array'));
console.log(test.name);

I'm getting undefined in the console , why it is happend?

Answer 1

You have two mistakes:

1) You just initialized the names_Array and didn't added any elements to it. you are storing that empty array in localStorage.

2) Since test is an array of objects ( if you are pushing objects into it ), you have to access one specific object through index, or loop through the array to get members.

This code should work:

var names_Array = [];
var names_List = new WinJS.Binding.List(names_Array);
names_List.push({ name: "Joe Dowling", image: "image/Joe Dowling.png", ClientID: "1234" });

window.localStorage.setItem('names_Array', JSON.stringify(names_List));

var test = JSON.parse(window.localStorage.getItem('names_Array'));

for( i in test ) console.log(test[i].name);

Answer 2

window.localStorage.setItem(
    'names_Array',
    JSON.stringify(['John Doe', 'Jane Doe'])
);
console.log(JSON.parse(window.localStorage.getItem('names_Array')));

Prints

["John Doe", "Jane Doe"]

Maybe test.name is getting in the way?