Làm thế nào để truy cập vào lồng dữ liệu JSON

Question

Hãy nói tôi có dữ liệu json như

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

Bây giờ tôi nhận được trường để được truy cập từ dữ liệu này json như: fields = ["id", "name", "address.streetName"]

Làm thế nào tôi có thể truy cập vào lĩnh vực thứ ba (address.streetName) từ dữ liệu json nhất định theo cách hiệu quả nhất? data.fields[2] không hoạt động

Một khả năng là tôi tạo chuỗi data[address][streetName] bằng cách sử dụng vòng lặp for và thực hiện điều đó nhưng có cách nào hiệu quả không?

Answer 1

Thành thật mà nói, tôi không thể hiểu được vấn đề của bạn. JSON đã được cấu trúc, tại sao bạn cần phải thay đổi cấu trúc?

Trong bạn trường hợp, tôi sẽ truy cập vào nó như sau:

data.address.streetName; 

Nếu, bởi bất kỳ cơ hội, những gì bạn muốn là để traverse dữ liệu, bạn sẽ cần:

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); 

---

Cập nhật

Sau khi đọc dưới đây, những gì người dùng này cần có vẻ rõ ràng hơn. Cho các tên thuộc tính dưới dạng một chuỗi, anh ta muốn truy cập đối tượng.

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

Biến số data của bạn không có thuộc tính fields và đó là lý do tại sao data.fields[2] không hoạt động. Tôi nghĩ rằng những gì bạn đang cố gắng làm ở đó là data[fields[2]], sẽ hoạt động cho một đối tượng đơn giản, nhưng bạn không thể lập chỉ mục vào một đối tượng phức tạp như thế.

Answer 3

bạn có thể truy cập vào nó theo cách này 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); 
} 

Output:

id=1 
name=abc 
address.streetName=cde 

Answer 5

câu chuyện dài ngắn, bạn có thể sử dụng các ký hiệu mảng object[property] thay vì object.property; đây là đặc biệt hữu ích khi các phím chứa các ký tự đặc biệt:

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 

Bạn có thể sử dụng toán tử typeof để kiểm tra xem một tài sản tồn tại hay không trước khi sử dụng nó:

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

Answer 6

Nếu bạn sử dụng lodash (rất thư viện tiện ích phổ biến), bạn có thể sử dụng _.get().

ví dụ:

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

Nếu liên quan đến mảng, bạn cũng có thể sử dụng đường dẫn chuỗi như 'address[0].streetName'.

ví dụ:

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 

Bên trong, nó sử dụng toPath() chức năng để chuyển đổi chuỗi đường dẫn (ví dụ address.streetName) vào một mảng (ví dụ ['address', 'streetName']), và sau đó sử dụng một chức năng để truy cập dữ liệu tại đường dẫn đưa ra trong vòng các đối tượng.

Các chức năng tiện ích tương tự khác bao gồm _.set() và _.has(). Kiểm tra chúng ra.