Yuvalanmış bir nesnenin özelliğine nasıl erişilir?

Question

Aşağıdaki JavaScript nesnesi vardır:

doc = {}; 
doc.title = 'a title'; 
doc.date = 'a date'; 
doc.send = { 
    date: new Date(), 
    sender: 'a sender', 
    receiver: 'a receiver' 
}; 

Ve aşağıdaki işlevi vardır:

i doSomething(doc, 'date') diyoruz, ama doSomething(doc, 'send.date') kullanmak işe yaramazsa Çalışıyor

doSomething(item, property) { 
    console.log(item[property]; 
} 

. Bu işlev tekrar kullanılabilir olması gerektiğinden, iç içe geçmiş dahil olmak üzere herhangi bir özellik türünü kullanma izni nasıl verilir?

Bu_.get ile yararlı olabilir, ancak bu yöntemi içermeyen underscore kullanıyorum. Ayrıca diğer kütüphaneleri kullanmamayı ve kurmamayı tercih ediyorum. Herhangi bir fikir?

Örneğin, (iç içe) özellik değerini bulmak için bir işlev yazabilirsiniz

Answer 1

: Bu yapmaya çalıştığımız şeye bağlı olarak biraz tehlikelidir

function findDeepProp(obj, prop) { 
    return prop.split('.').reduce((r, p)=> r[p], obj) 
} 
findDeepProp(doc, 'title'); // a title 
findDeepProp(doc, 'send.sender'); // a sender 

Answer 2

, ben this okumanızı tavsiye ama Bence bu işe yarar:

doSomething = function(element, property){ 
    console.log(eval("element." + property)); 
} 

Answer 3

Birden fazla yuvalanma düzeyini kontrol etmek isterseniz, tekrarlama kullanan bir işlev kullanabilirsiniz.

var doc = { 
    title: 'a title', date: 'a date', 
    send: { date: +new Date(), sender: 'a sender', receiver: 'a receiver', 
    thing: { 
     fullname: { first: 'Bob', last: 'Smith' } 
    } 
    } 
} 

function findDeepProp(obj, prop) { 

    // create an array from the props argument 
    var target = prop.split('.'), out; 

    // iteration function accepts an object and target array 
    (function iterate(obj, target) { 

    // remove the first array element and assign it to tmp 
    var tmp = target.shift(); 

    // if target has no more elements and tmp 
    // exists as a key in the object passed into iterate() 
    // return its value 
    if (target.length === 0 && obj[tmp]) return out = obj[tmp]; 

    // if the key exists in the object passed into iterate() 
    // but it is an object, run iterate() with that object 
    // and the reduced target array 
    if (obj[tmp] && typeof obj[tmp] === 'object') iterate(obj[tmp], target); 

    return; 
    }(obj, target)); 

    return out; 
} 

findDeepProp(doc, 'send.thing.fullname.first') // Bob 
findDeepProp(doc, 'send.thing.fullname.last') // Smith 

DEMO