如何访问嵌套的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()。去看一下。