如何用JavaScript檢索JSON中的子數組元素？

Question

我有這個JSON對象，我想用javascript解析它。我能夠獲得B，A和208，但是我無法從時間獲取數據。

{ 
"room":[ 
    {"campusName":"B", 
    "buildingCode":"A", 
    "roomNumber":"208", 
    "times":[ 
      "7-8", "9-10" 
    ] 
    } 
] 
} 

$(document).ready(function(){ 
    $.getJSON("data.json", function(data){ 
    $.each(data.room, function(data){ 
     $("ul").append("<li>campus: "+this['campusName']+"</li><li>building: "+this['buildingCode']+"</li>"); 
     $.each(data.times, function(){ 
      $("ul").append("<li>stuff: "+this['times']+"</li>") 
     }); 
    }); 
    }); 
}); 

Answer 1

試試下面的代碼爲您JSON

var data = { 
"room":[ 
    {"campusName":"B", 
    "buildingCode":"A", 
    "roomNumber":"208", 
    "times":[ 
      "7-8", "9-10" 
    ] 
    } 
] 
} 

然後你可以用下面讓你的願望的結果：

data.room[0].campusName; // ==> B 
data.room[0].buildingCode; // ==> A 
data.room[0].roomNumber; // ==> 208 
data.room[0].times; // ==> ["7-8", "9-10"] 

EDIT2：

$.each(data.room, function(i) { 
    console.log(data.room[i].campusName); 
    console.log(data.room[i].buildingCode); 
    console.log(data.room[i].roomNumber); 
    console.log(data.room[i].times); 
}); 

輸出

B 
A 
208 
["7-8", "9-10"] 

EDIT1：

欲瞭解更多詳情，請訪問JSON syntax以及如何訪問它。

Answer 2

data.times的元素只是字符串，而不是對象，所以你不應該索引它們。它應該只是：

$.each(data.times, function() { 
    $("ul").append("<li>stuff: " + this + "</li>"); 
}); 

而且，在你第一次$.each()回調參數列表是錯誤的。它應該是function(i, data) - 第一個參數是數組索引（如果您正在迭代對象，則爲對象屬性名稱），第二個參數爲值。

var data = { 
 
    "room": [{ 
 
    "campusName": "B", 
 
    "buildingCode": "A", 
 
    "roomNumber": "208", 
 
    "times": [ 
 
     "7-8", "9-10" 
 
    ] 
 
    }] 
 
}; 
 

 
$.each(data.room, function(i, data) { 
 
    $("ul").append("<li>campus: " + this['campusName'] + "</li><li>building: " + this['buildingCode'] + "</li>"); 
 
    $.each(data.times, function() { 
 
    $("ul").append("<li>stuff: " + this + "</li>"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul></ul>