讀取和解析「壞」的JSON

Question

我有數據格式

{ 
    "id1":["name1",10,20], 
    "id2":["name2",12,20], 
    "id3":["name3",14,21] 
} 

，並正在與

var dat; 

$(document).ready(function() { 
    $.getJSON('data.json', function(data) { 
     dat = data.items; 
     console.log(dat); 
    }); 
}); 

這被證明是有問題的讀入適當的，因爲據我所知，閱讀它（請澄清如果我錯了），這是一個糟糕的JSON格式，因爲它缺少字段名稱。此外'：'似乎創建了一個類似字典類的東西，我不確定這是否會阻止產生的對象被迭代。如果我在控制檯中調用它（例如dat[0]），我會得到「undefined」，但這裏可能還有一個額外的jquery錯誤。

所以問題是如何讀取這個數據是可訪問/可迭代的？提前致謝。

Answer 1

數據格式沒有問題（編輯後），但您嘗試使用不存在的屬性items。

你可以通過在對象中的項環，並從每個陣列訪問值：

$.each(data, function(key, value){ 
    // key contains "id1", "id2", and "id3" for the iterations 
    // value is the array 
    var name = value[0]; // contains "name1", "name2", "name3" 
    var num1 = value[1]; // contains 10, 12, 14 
    var num2 = value[2]; // contains 20, 20, 21 
}); 

注：項目中的對象的順序是不確定的，所以你可以在訂單"id1", "id2", "id3"讓他們或者像"id2", "id3", "id1"之類的任何其他命令。不同的瀏覽器將以不同的順序返回它們。

Answer 2

當JQuery調用回調函數時，參數data是解析JSON時得到的對象。它沒有items屬性。我不確定你想做什麼，但你可以這樣做：

$(document).ready(function() { 
    $.getJSON('data.json', function(data) { 
     $.each(data, function(key, val) { 
      console.log("Key: " + key + "; value: " + val); 
     }); 
    }); 
}); 

Answer 3

我相信你對JSON遵循的數據結構感到困惑。

JSON確實遵循與詞典類似的結構。在JavaScript中，沒有.items()方法（我認爲這就是您的意思data.items），就像在Python等其他語言中一樣。當您編寫data.property時，它就相當於data['property']，就像獲取字典數據結構中某個鍵的值一樣。

關於如何解析的對象，看看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Enumerating_all_properties_of_an_object

您可以在這裏找到JSON解析以及How to get all properties values of a Javascript Object (without knowing the keys)?的一些描述，如果其他的答案對你的情況做不大的工作。

Answer 4

http://jsfiddle.net/EHret/

幾種不同的方式來達到數據。

var data = { 
    "id1":["name1",10,20], 
    "id2":["name2",12,20], 
    "id3":["name3",14,21] 
}; 

$("div").append(data["id1"] + "<br />"); 
$("div").append(data["id2"][0] + "<br />"); 
$("div").append(data["id2"][1] + "<br />"); 
$("div").append(data["id2"][2] + "<br />"); 

$.each(data, function(index, val){ 
    $("div").append(index + " : " + val + "<br />"); 
    $.each(val, function(key, value){ 
     $("div").append(key + " : " + value + "<br />"); 
    }); 
});