如何使用对象的括号表示法和属性名称的字符串向对象添加属性？

Question

我想使用括号表示法来编写对象名称，以便我可以通过参数引用它。这没关系，但是当我尝试编写属性名而不将其作为参数传递时，我遇到了麻烦。简单地写出属性名称并且不作为参数传递是很重要的。什么是正确的语法？

此示例显示了我尝试过的所有语法变体：

var foo = {};

bar('foo', 'cat');
function bar(object, prop) {
    
    // foo[prop] = 5; // = 5. This works, but this isn't the method I want to use. 
    
    // [object]cat = 5; // = error
    // [object].cat = 5; // = undefined
    // [object]['cat'] = 5; // = undefined
    // [object][cat] = 5; // = error
    
    console.log('= ' + foo.cat);
}

Answer 1

当foo被声明为全局变量时，window对象将在内部包含该对象。

因此，您可以执行以下操作：

window[object]['cat'] = 5;

var foo = {};

bar('foo');
console.log('= ' + foo.cat);
function bar(object) {
    window[object]['cat'] = 5;            
}

Answer 2

只需传递实际的对象引用：

var foo ={}

bar(foo, 'cat', 3);

console.log('updated foo', foo);

function bar(object, prop, val) {
    object[prop] = val;      
    console.log('= ' + foo.cat);
}

Answer 3

function bar(object, prop) {
  this[object] = this[object] || {};
  this[object][prop] = 5;
  console.log(foo.cat)
}

希望这可以帮助！