如何使用jQuery循環遍歷JSON文件

Question

我正在嘗試循環通過以下JSON文件：

 {
     "statements": [{
         "subject": "A"
     }, {
         "predicate": "B"
     }, {
         "object": "C"
     }, {
         "subject": "D"
     }, {
         "predicate": "E"
     }, {
         "object": "F"
     }]
 }

如您所見，有兩個主題，兩個謂詞和兩個對象。 例如，我想獲得值"predicate":"E" 。 我怎么能使用jQuery或D3 Javascript庫來做到這一點。 我的下面的代碼檢索第一個主題"subject":"A" 。

$.each(data.statements[0], function(i, v){
console.log(v.uriString);
});

或者在D3中（我不知道如何在D3中執行此操作）：

d3.json("folder/sample.json", function(error, graph) 
{  // Code is here for getting data from JSON file }

任何人都可以幫我循環上面的JSON文件，並使用jQuery或D3 Javascript檢索一些特定的數據。 提前謝謝你的幫助。

Answer 1

您的代碼返回第一個項目的原因是您沒有使用data.statments[0]選擇它，然后循環遍歷該項目。

使用jQuery，你可以像這樣使用grep-method：

var arrayWithItem = jQuery.grep(data.statements, function( obj ) {
  return obj.predicate == "E";
});

您可以在此處閱讀有關grep-method的更多信息

使用D3js我不確定，我猜你必須用if語句循環它。

Answer 2

嘗試這個：

$(data.statements).each(function (i) {
    var d = data.statements[i];
    $.each(d, function (k, v) { //get key and value of object
        $("body").append("<p>"+k + ":" + v+"</p>");
    });
})

在這里小提琴