Javascript: Nhận giá trị sâu từ đối tượng bằng cách đi qua đường dẫn đến nó như là chuỗi

Question

thể trùng lặp:
Accessing nested JavaScript objects with string key

Có lẽ danh hiệu là không đủ rõ ràng, tôi chỉ không biết làm thế nào để xác định những gì tôi đang tìm kiếm và tiếng Anh của tôi thực sự tệ, xin lỗi.

Tôi đang cố gắng tạo hàm trả về giá trị đối tượng, nhưng cũng phát đẹp với các đối tượng lồng nhau. Ví dụ:

var obj = { 
    foo: { bar: 'baz' } 
}; 

Tôi muốn truy cập giá trị của obj.foo.bar bằng cách đặt chuỗi "foo.bar" vào hàm.

function(obj, path) { 
    // Path can be "foo.bar", or just "foo". 
} 

Cảm ơn!

Answer 1

Hãy xem xét điều này:

var obj = { 
    foo: { bar: 'baz' } 
}; 

function deepFind(obj, path) { 
    var paths = path.split('.') 
    , current = obj 
    , i; 

    for (i = 0; i < paths.length; ++i) { 
    if (current[paths[i]] == undefined) { 
     return undefined; 
    } else { 
     current = current[paths[i]]; 
    } 
    } 
    return current; 
} 

console.log(deepFind(obj, 'foo.bar')) 

Answer 2

Bạn muốn chia chuỗi trên chấm và sau đó liên tục lập chỉ mục vào đối tượng, ví dụ: dọc theo dòng:

function goDeep(obj, path) { 
    var parts = path.split('.'), 
     rv, 
     index; 
    for (rv = obj, index = 0; rv && index < parts.length; ++index) { 
     rv = rv[parts[index]]; 
    } 
    return rv; 
} 

Live example

đó làm việc vì bạn có thể truy cập vào tài sản của một đối tượng trong một vài cách khác nhau: Có chấm cú pháp sử dụng một chữ (obj.foo), và có được phơi sáng cú pháp sử dụng một chuỗi (obj["foo"]). Trong trường hợp sau, chuỗi có thể là kết quả của bất kỳ biểu thức nào, nó không phải là một chuỗi ký tự. Trong trong tất cả các, rv được thiết lập với giá trị như nhau:

rv = obj.foo.bar; 
// Or 
rv = obj.foo["bar"]; 
// Or 
f = "foo"; 
rv = obj[f].bar; 
// Or 
s = "b"; 
rv = obj.foo[s + "ar"]; 

Answer 3

cái gì đó như:

function(obj, path) { 
    var current=obj; 
    path.split('.').forEach(function(p){ current = current[p]; }); 
    return current; 
} 

Answer 4

này hoạt động một cách chính xác:

var deep_value = function(obj, path){ 
    for (var i=0, path=path.split('.'), len=path.length; i<len; i++){ 
     obj = obj[path[i]]; 
    }; 
    return obj; 
}; 

Đây là chuyên gia/demo: jsfiddle.net/tadeck/5Pt2q/13/

EDIT: Tôi đã xóa các biến dư thừa, rút ​​ngắn mã.

Answer 5

Bạn có ý nghĩa như thế này? Đây là một phiên bản đệ quy

function recLookup(obj, path) { 
    parts = path.split("."); 
    if (parts.length==1){ 
     return obj[parts[0]]; 
    } 
    return recLookup(obj[parts[0]], parts.slice(1).join(".")); 
} 

Xem http://jsfiddle.net/kExSr/