javascript - 如何访问 JavaScript 中的参数化对象属性？

Question

对象#1:

var chosenProperties = { 'size' : 'large' }

chosenProperties 是用户希望从以下对象访问的属性。该对象是基于表单值创建的。

对象#2:

var allProperties = { 'sizes' : { 'large' : 'x', 'small' : 'y' } }

通常我会编写 allProperties.sizes.large 来显示 x 但是如果我需要访问 x 如果我只有 选择属性？我确信有某种方法可以做到这一点，但我没有想到。

Answer 1

每次属性名称包含在不同的变量中时，您都可以使用方括号表示法来访问该属性。

allProperties.sizes[chosenProperties.size]

更新

从 ES2015 开始，也可以在对象字面量中使用方括号。

var field = "foo";

const obj = {
  [field]: "bar"
};

obj.foo; // bar