JSON.parse返回[Object object]尋找訪問對象的屬性

Question

所以我想爲我的web應用做一些前端單元測試。在用戶可以添加一個產品的看法，我有以下代碼：

var ProductEntry = {Title: ProductTitle, Description: Description, Hashtags: Hashtags, 
      Picture1: Picture1, Picture2: Picture2, Picture3: Picture3, Start: startdate, ETA: 
      ETADate} 

     ProductsArray.push(ProductEntry); 

     localStorage.setItem("Product", JSON.stringify(ProductsArray)); 

在我試圖檢索數組我jQuery代碼是視圖：

$("#SearchButton").click(function(){ 
     var SearchQuery = document.getElementById("SearchField").value; 
     var storageObject = JSON.parse(localStorage.getItem("Product")); 
     alert(storageObject[1].Title);   
    }); 

上面，我我試圖訪問ProductEntry對象的屬性'Title'。我哪裏錯了？從該項目的C＃MVC環境切換。

Answer 1

問題是您嘗試創建的ProductEntry不是有效的JSON。

試試這個代碼：

var ProductEntry = [{Title: 'ProductTitle', Description: 'Description', Hashtags: 'Hashtags', 
       Picture1: 'Picture1', Picture2: 'Picture2', Picture3: 'Picture3', Start: 'startdate', ETA: 
       'ETADate'}] 

      localStorage.setItem("Product", JSON.stringify(ProductEntry)); 

$("#SearchButton").click(function(){ 
     var SearchQuery = document.getElementById("SearchField").value; 
     var storageObject = JSON.parse(localStorage.getItem("Product")); 
     alert(storageObject[0].Title);   
    });