Question

这是我的JSON对象，通过AJAX接收。

{
    "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.hasOwnProperty(data["results.picture.large"]));，但这会返回false。

Answer 1

希望这可以解释你不清楚的一切。

＆＃13;

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

＆＃13;

Answer 2

由于结果是一个数组，我们必须指定数组索引，如下所示： 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);

Answer 3

让我们假设你通过ajax收到你的json数据并将其保存在一个名为data的变量中。你可以像这样访问它。

这是缩略图img：data [＆＃34;结果＆＃34;] [0] [＆＃34;图片＆＃34;] [＆＃34;缩略图＆＃34;]

这适用于中型img：数据[＆＃34;结果＆＃34;] [0] [＆＃34;图片＆＃34;] [＆＃34;中＆＃34;]

这适用于大型img：数据[＆＃34;结果＆＃34;] [0] [＆＃34;图片＆＃34;] [＆＃34;大＆＃34;]

你可能想知道这是如何工作的。

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

如果你访问这些数据[＆＃34; johnlee123＆＃34;]它会给你这个

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

如果你访问这些数据[＆＃34; johnlee123＆＃34;] [＆＃34;地址＆＃34;]它会给你回复

"123 s adam st"

如何从JSON对象检索属性？

3 个答案: