对于任何想要设置嵌套变量值的人来说，下面是如何做的:

const _ = require('lodash'); //import lodash module

var object = { 'a': [{ 'b': { 'c': 3 } }] };

_.set(object, 'a[0].b.c', 4);
console.log(object.a[0].b.c);
// => 4

文档:https://lodash.com/docs/4.17.15

另外，如果您想获得一个值，可以查看文档:https://lodash.com/docs/4.17.15#get

你可以通过几种不同的方式来实现这一点。

let foo = {
    bar: 'Hello World'
};

foo.bar;
foo['bar'];

括号符号特别强大，因为它可以让你基于变量访问属性:

let foo = {
    bar: 'Hello World'
};

let prop = 'bar';

foo[prop];

这可以扩展到遍历对象的每个属性。这似乎是多余的，因为更新的JavaScript结构，如for…的……，但有助于说明一个用例:

let foo = {
    bar: 'Hello World',
    baz: 'How are you doing?',
    last: 'Quite alright'
};

for (let prop in foo.getOwnPropertyNames()) {
    console.log(foo[prop]);
}

对于嵌套对象，点符号和括号符号也可以正常工作:

let foo = {
    bar: {
        baz: 'Hello World'
    }
};

foo.bar.baz;
foo['bar']['baz'];
foo.bar['baz'];
foo['bar'].baz;

对象解构

我们也可以将对象解构视为一种访问对象属性的方法，但如下所示:

let foo = {
    bar: 'Hello World',
    baz: 'How are you doing?',
    last: 'Quite alright'
};

let prop = 'last';
let { bar, baz, [prop]: customName } = foo;

// bar = 'Hello World'
// baz = 'How are you doing?'
// customName = 'Quite alright'

更新

使用obj[variable]可以很容易地访问对象中的根属性，但是使用嵌套会使事情变得复杂。为了不编写已经编写好的代码，我建议使用lodash.get。

例子

// Accessing root property
var rootProp = 'rootPropert';
_.get(object, rootProp, defaultValue);

// Accessing nested property
var listOfNestedProperties = [var1, var2];
_.get(object, listOfNestedProperties);

Lodash get可以以不同的方式使用，文档Lodash .get

你可以在Javascript中使用getter

getter文档

检查对象内部是否存在有问题的属性， 如果它不存在，就从窗口拿走

const something = {
    get: (n) => this.n || something.n || window[n]
};

我问了一个类似于这个主题的问题，经过大量的研究，看到了很多应该在这里丢失的信息，我觉得我有一些有价值的东西可以添加到这篇旧文章中。

首先，我想说明有几种方法来获取属性的值并将其存储在动态变量中。第一个最受欢迎，也是最简单的方法是:

let properyValue = element.style['enter-a-property'];

然而，我很少走这条路，因为它不工作的属性值通过样式表分配。为了给您一个示例，我将使用一些伪代码进行演示。

 let elem = document.getElementById('someDiv');
 let cssProp = elem.style['width'];

Using the code example above; if the width property of the div element that was stored in the 'elem' variable was styled in a CSS style-sheet, and not styled inside of its HTML tag, you are without a doubt going to get a return value of undefined stored inside of the cssProp variable. The undefined value occurs because in-order to get the correct value, the code written inside a CSS Style-Sheet needs to be computed in-order to get the value, therefore; you must use a method that will compute the value of the property who's value lies within the style-sheet.

因此，getComputedStyle()方法!

function getCssProp(){
  let ele = document.getElementById("test");
  let cssProp = window.getComputedStyle(ele,null).getPropertyValue("width");
}

这提供了一个很好的例子，并让您可以使用它，然而，这个链接Mozilla CSS getComputedValue文档详细讨论了getComputedValue函数，任何有抱负的开发人员如果对这个主题不完全清楚，都应该阅读。

顺便说一句，getComputedValue方法只获取，不设置。这显然是一个主要的缺点，但是有一个方法可以从CSS样式表中获取，以及设置值，尽管它不是标准的Javascript。 JQuery方法…

$(selector).css(property,value)

.．.是get，是set。这就是我所使用的，唯一的缺点是你必须了解JQuery，但这是每个Javascript开发人员都应该学习JQuery的许多很好的理由之一，它只是让生活变得简单，并提供了一些方法，就像这个，这在标准Javascript中是不可用的。 希望这能帮助到一些人!!

在javascript中，我们可以访问:

点表示法- foo.bar 方括号- foo[someVar]或foo["string"]

但是只有第二种情况允许动态访问属性:

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