वैरिएबल का उपयोग करके ऑब्जेक्ट गुण को गतिशील रूप से एक्सेस करें

Ada beberapa kemungkinan:

const test = {
    prop1: {
      prop2: {
        prop3: "I'm very nested"
      }
    }

const test1 = test.prop1.prop2.prop3
const test2 = test['prop1']['prop2']['prop3']
const test3 = test['prop1.prop2.prop3'] //will return undefined
const test4 = _.get(test, 'prop1.prop2.prop3') //use lodash

Jika Anda ingin mendapatkan nilai bersarang secara dinamis (mis. Dengan variabel), opsi terbaik Anda adalah menggunakan lodash.

यह मेरा समाधान है:

function resolve(path, obj) {
    return path.split('.').reduce(function(prev, curr) {
        return prev ? prev[curr] : null
    }, obj || self)
}

उपयोग के उदाहरण:

resolve("document.body.style.width")
// or
resolve("style.width", document.body)
// or even use array indexes
// (someObject has been defined in the question)
resolve("part.0.size", someObject) 
// returns null when intermediate properties are not defined:
resolve('properties.that.do.not.exist', {hello:'world'})

Dalam Javascript kita dapat mengakses:

• notasi dot - foo.bar
• braket persegi - foo[someVar] atau foo["string"]

Tetapi hanya kasus kedua yang memungkinkan untuk mengakses properti secara dinamis:

var foo = { pName1 : 1, pName2 : [1, {foo : bar }, 3] , ...}

var name = "pName"
var num  = 1;

foo[name + num]; // 1

// -- 

var a = 2;
var b = 1;
var c = "foo";

foo[name + a][b][c]; // bar

Anda bisa melakukannya seperti ini menggunakan lodash get

_.get(object, 'a[0].b.c');

const something = { bar: "Foobar!" };
const foo = 'bar';

something[\`${foo}\`];