使用变量动态访问对象属性
我试图使用动态名称访问对象的属性。 这可能吗？
const something = { bar: "Foobar!" };
const foo = 'bar';
something.foo; // The idea is to access something.bar, getting "Foobar!"
有两种方法可以访问对象的属性：
something.bar something['bar'] 括号之间的值可以是任何表达式。 因此，如果属性名称存储在变量中，则必须使用括号表示法：
var foo = 'bar';
something[foo];
// both x = something[foo] and something[foo] = x work as expected
这是我的解决方案：
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'})
在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