首页 > 解决方案 > 如何访问json文件中数组中的数组

问题描述

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);
    document.getElementById("demo").innerHTML = myObj.name;
  }
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();



{
"name":"John",
"age":31,
"pets":[
    { "animal":"dog", "name":"Fido" },
    { "animal":"cat", "name":"Felix" },
    { "animal":"hamster", "name":"Lightning" }
]}

我如何引用宠物数组中的值。如上所示,我可以引用名称值,但是当我尝试引用宠物中动物的值时。它只返回 [object Object]

标签: javascriptarraysjsonweb

解决方案


你需要循环“宠物”。像

  var dataArry = {
           "name":"John",
           "age":31,
           "pets":[
             { "animal":"dog", "name":"Fido" },
             { "animal":"cat", "name":"Felix" },
             { "animal":"hamster", "name":"Lightning" }
        ]}


   dataArry.pets.forEach(function(eachPet) {
        console.log(eachPet);
    });

您需要使用 foreach 功能。希望这会对您有所帮助。


推荐阅读