控制檯說我的數組是不確定的JavaScript

Question

我已經看了很多例子，我似乎無法找出我在做什麼錯在這裏：

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); 

我得到不確定控制檯，它爲什麼發生？

Answer 1

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

打印

["John Doe", "Jane Doe"] 

也許test.name時的方式獲得？

Answer 2

你有兩個錯誤：

1）你只是初始化names_Array，並沒有添加任何元素。您正在將該空數組存儲在localStorage中。

2）由於test是一個對象數組（如果您將對象推入其中），您必須通過索引訪問一個特定對象，或者循環訪問數組以獲取成員。

此代碼應工作：

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);