如何訪問嵌套的JSON數據

Question

讓說我有一個像

data = {"id":1, 
     "name":"abc", 
     "address": {"streetName":"cde", 
        "streetId":2 
        } 
     } 

現在我越來越場從這樣的JSON數據訪問的JSON數據：fields = ["id", "name", "address.streetName"]

我怎麼能進入第三場（address.streetName ）從最有效的方式給定json數據？ data.fields[2]不起作用

一種可能性是我構造data[address][streetName]字符串使用for循環，並做了評估，但有沒有這樣做的有效方式？

Answer 1

說實話，我不明白你的問題。 JSON已經構建出來了，爲什麼你需要改變結構？

在你的情況，我可以按如下方式訪問：

data.address.streetName; 

如果任何機會，你想要的是遍歷的數據，你將需要：

function traverse_it(obj){ 
    for(var prop in obj){ 
     if(typeof obj[prop]=='object'){ 
      // object 
      traverse_it(obj[prop[i]]); 
     }else{ 
      // something else 
      alert('The value of '+prop+' is '+obj[prop]+'.'); 
     } 
    } 
} 

traverse_it(data); 

---

更新

閱讀以下內容後，此用戶需要的內容似乎更加明顯。給定屬性名稱爲一個字符串，他/她想訪問該對象。

function findProp(obj, prop, defval){ 
    if (typeof defval == 'undefined') defval = null; 
    prop = prop.split('.'); 
    for (var i = 0; i < prop.length; i++) { 
     if(typeof obj[prop[i]] == 'undefined') 
      return defval; 
     obj = obj[prop[i]]; 
    } 
    return obj; 
} 

var data = {"id":1,"name":"abc","address":{"streetName":"cde","streetId":2}}; 
var props = 'address.streetName'; 
alert('The value of ' + props + ' is ' + findProp(data, props)); 

Answer 2

您的data變量沒有fields屬性，這就是爲什麼data.fields[2]不起作用。我認爲你在那裏試圖做的是data[fields[2]]，它可以用於一個簡單的對象，但是你不能像這樣索引到一個複雜的對象。

Answer 3

您可以訪問它這樣data.address.streetName

Answer 4

的JavaScript：

function getProperty(json, path) { 
    var tokens = path.split("."); 
    var obj = json; 
    for (var i = 0; i < tokens.length; i++) { 
     obj = obj[tokens[i]]; 
    } 
    return obj; 
} 

var data = { 
    id: 1, 
    name: "abc", 
    address: { 
     streetName: "cde", 
     streetId: 2 
    } 
}; 

var fields = ["id", "name", "address.streetName"]; 

for (var i = 0; i < fields.length; i++) { 
    var value = getProperty(data, fields[i]); 
    console.log(fields[i] + "=" + value); 
} 

輸出：

id=1 
name=abc 
address.streetName=cde 

Answer 5

長話短說，你可以使用數組符號object[property]而不是object.property;這是特別有用的，當按鍵包含特殊字符：

var data = { 
    "id": 1, 
    "name": "abc", 
    "address": { 
     "streetName": "cde", 
     "streetId": 2 
    } 
} 

data.address.streetName;    // (1) dot notation 
data["address"]["streetName"];  // (2) array notation 
var field = "streetName"; 
data["address"][field];    // (3) variable inside array notation 
var fields = "address.streetName".split("."); 
data[fields[0]][fields[1]];   // (4) specific to your question 

可以使用typeof運營商檢查屬性是否存在使用前：

typeof data["address"]["streetName"]; // returns "string" 
typeof data["address"]["foobarblah"]; // returns "undefined" 

Answer 6

如果使用lodash（一個非常流行的實用程序庫），您可以使用_.get()。

例如

var data = { 
    "id":1, 
    "name": "abc", 
    "address": { 
    "streetName": "cde", 
    "streetId":2 
    } 
} 
_.get(data, 'address.streetName'); 
// 'cde' 
_.get(data, ['address', 'streetName']); 
// 'cde' 

如果涉及一個數組，你可以使用字符串路徑像'address[0].streetName'爲好。

例如

var data = { 
    "id":1, 
    "name": "abc", 
    "addresses": [ 
    { 
     "streetName": "cde", 
     "streetId": 2 
    }, 
    { 
     "streetName": "xyz", 
     "streetId": 102 
    }, 
    ] 
} 
_.get(data, 'addresses[0].streetName'); 
// cde 
_.get(data, [address, 1, streetName]); 
// xyz 

在內部，它使用toPath()函數字符串路徑（例如address.streetName）轉換成陣列（例如['address', 'streetName']），然後使用一個函數在對象內給定的路徑來訪問數據。

其他類似的實用功能包括_.set()和_.has()。去看一下。