ionic2中帶有JSON數據的TypeError

Question

我有一個關於在過濾JSON數據中的特定變量時如何避免打字稿中出現錯誤的問題。 我的JSON數據的一部分如下所示：

帶有多媒體內容：

"per_facet": [],
"geo_facet": [],
"multimedia": [
{
"url": "https://static01.nyt.com/images/2016/09/07/world/06NYTNow-Obama2/06NYTNow-Obama2-thumbStandard-v2.jpg",
"format": "Standard Thumbnail"
},
{
"url": "https://static01.nyt.com/images/2016/09/07/world/06NYTNow-Obama2/06NYTNow-Obama2-thumbLarge-v2.jpg",
"format": "thumbLarge",
}]

沒有多媒體內容的另一個元素：

"per_facet": [],
"geo_facet": [],
"multimedia": [],

如您所見，數組中的“ multimedia”變量在數組中的一個元素上具有內部值，而在另一個元素中則沒有。

這就是我嘗試檢索該參數（是圖像）的方式。

<img [src]= "item.multimedia[0].url" *ngIf="item.multimedia[0].url.indexOf('http') === 0">

當我嘗試讀取多媒體數組的url參數時，會導致錯誤ERR：“無法讀取未定義的URL”。 （由於沒有數據可顯示，因此完全可以理解。）這適用於Javascript。 我不知道如何解決這個問題。

如何避免此錯誤並從此數組成功檢索其他參數。

提前致謝。 蘇雷什

Answer 1

與其嘗試直接訪問該字段，不如先檢查它是否包含該項目。

你可以做

item.multimedia[0] && item.multimedia[0].url.indexOf('http') === 0

要么

item.multimedia.length > 0 && item.multimedia[0].url.indexOf('http') === 0

我看不到您的整個代碼，因此可能會出錯，但是通常我建議您做一些不涉及單個索引的操作，這可能非常脆弱。