2017-06-02 88 views
1

這是我的JSON對象,通過AJAX接收。如何從JSON對象中檢索屬性?

{ 
    "results": [ 
     { 
      "picture": { 
       "large": "https://randomuser.me/api/portraits/women/50.jpg", 
       "medium": "https://randomuser.me/api/portraits/med/women/50.jpg", 
       "thumbnail": "https://randomuser.me/api/portraits/thumb/women/50.jpg" 
      } 
     } 
    ], 
    "info": { 
     "seed": "8f0630cfc3b5e88c", 
     "results": 1, 
     "page": 1, 
     "version": "1.1" 
    } 
} 

如何記錄其中一個圖片屬性的URL?

我確實嘗試過console.log(data.hasOwnProperty(data["results.picture.large"]));,雖然返回false

+1

你不能這樣做'數據[ 「results.picture.large」]'但你可以做'data.results [0] .picture.large' –

+0

假設數據是你的返回JSON對象。要獲取照片 console.log(data.results.picture.large)(將返回true) – Korgrue

+0

返回'TypeError:data.results.picture未定義' – WebDev

回答

0

希望這可以解釋你不清楚的一切。

var data = { 
 
    "results": [{ 
 
    "picture": { 
 
     "large": "https://randomuser.me/api/portraits/women/50.jpg", 
 
     "medium": "https://randomuser.me/api/portraits/med/women/50.jpg", 
 
     "thumbnail": "https://randomuser.me/api/portraits/thumb/women/50.jpg" 
 
    } 
 
    }], 
 
    "info": { 
 
    "seed": "8f0630cfc3b5e88c", 
 
    "results": 1, 
 
    "page": 1, 
 
    "version": "1.1" 
 
    } 
 
}; 
 

 
var results = data.results; 
 
var result = results[0]; 
 
var picture = result.picture; 
 
var large = picture.large; 
 

 
console.log(data.hasOwnProperty('results')); 
 
console.log(result.hasOwnProperty('picture')); 
 
console.log(picture.hasOwnProperty('large')); 
 
console.log(data.results[0].picture.large === large); 
 
console.log(data.results[0].picture.large);

0

由於結果是一個數組,我們必須指定數組索引如下: data.results[0].picture.large

var data = { 
 
    "results": [ 
 
     { 
 
      "picture": { 
 
       "large": "https://randomuser.me/api/portraits/women/50.jpg", 
 
       "medium": "https://randomuser.me/api/portraits/med/women/50.jpg", 
 
       "thumbnail": "https://randomuser.me/api/portraits/thumb/women/50.jpg" 
 
      } 
 
     } 
 
    ], 
 
    "info": { 
 
     "seed": "8f0630cfc3b5e88c", 
 
     "results": 1, 
 
     "page": 1, 
 
     "version": "1.1" 
 
    } 
 
} 
 

 
console.log(data.results[0].picture.large);

0

讓我們假設你收到你的JSON數據通過ajax並保存在一個稱爲數據的變量。你可以像這樣訪問它。

這是縮略圖IMG:數據[ 「結果」] [0] [ 「圖畫」] [ 「縮略圖」]

這是介質IMG:數據[ 「結果」] [0] [」圖片報 「] [」 中等 「]

這是大IMG:數據[」 成果 「] [0] [」 圖片報 「] [」 大「]

你可能想知道如何在這裏所做的這項工作是一個例子。

var data = { 
    "johnlee123" : { 
     "address" : "123 s adam st", 
     "zipcode" : 43924 
    }, 
    "julie234" : { 
     "address" : "234 n sachel st", 
     "zipcode" : 34567 
    } 
}; 

如果你訪問這個數據[「johnlee123」],它會給你這個

{ 
    "address" : "123 s adam st", 
    "zipcode" : 43924 
} 

,如果你訪問這個數據[「johnlee123」] [「地址」],它會給你回這

"123 s adam st"