2017-06-02 10 views
1

これはAJAX経由で受信したJSONオブジェクトです。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

は、[0]のデータはあなたの返されたJSONオブジェクトであると仮定し –

+0

を.picture.large'。 'TypeError例外を返すこと – Korgrue

+0

(trueを返します)写真 はconsole.log(data.results.picture.large)を取得するには、次のdata.results.pictureはundefined' – 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は」] [「アドレス」]は、それはあなたをお返ししますあなたが `データ[ "results.picture.largeを"]`行うことはできませんが、あなたは `data.resultsを行うことができ、この

"123 s adam st" 
関連する問題