如何创建要添加到JavaScript对象变量的动态键

方括号：

jsObj['key' + i] = 'example' + 1;

在JavaScript中，所有数组都是对象，但并非所有对象都是数组。主要区别（而且很难用直接的JavaScript和普通对象来模仿）数组实例维护该length属性，以便它反映一个加属性名称的数字值，该属性的名称为数字，并将其值转换为数字，是所有此类属性中最大的。这听起来很奇怪，但它只是意味着给定一个数组实例，有相似的名字属性"0"，"5"，"207"，等等，都在他们的存在决定的价值被特殊处理length。而且，最重要的是，length可以设置的值以删除此类属性。将length数组的设置为0 有效地删除名称看起来像整数的所有属性。

好的，这就是使数组特别的原因。但是，所有这些都与JavaScript [ ]运算符的工作方式完全无关。该运算符是对任何对象都起作用的对象属性访问机制。在这方面要特别注意的是，就简单属性访问而言，数字数组属性名称并不特殊。它们只是碰巧看起来像数字的字符串，但是JavaScript对象属性名称可以是您喜欢的任何类型的字符串。

因此，[ ]操作员在for遍历数组的循环中的工作方式：

for (var i = 0; i < myArray.length; ++i) {
  var value = myArray[i]; // property access
  // ...
}

确实与[ ]访问名称为某些计算字符串的属性时的工作方式没有什么不同：

var value = jsObj["key" + i];

两种情况下，[ ]那里的操作员都在做完全相同的事情。换句话说，在一种情况下，所涉及的对象恰好是数组的事实并不重要。

使用设置属性值时[ ]，故事是相同的，只是围绕该length属性的特殊行为。如果在数组实例上使用数字键设置属性：

myArray[200] = 5;

然后（假设“ 200”是最大的数字属性名称），该length属性将被更新201为该属性分配的副作用。但是，如果对普通对象执行相同的操作：

myObj[200] = 5;

没有这种副作用。数组和对象的称为“ 200”的属性将以5完全相同的方式设置为该值。

可能有人认为，因为这种length行为很方便，所以您最好使Array构造函数的所有对象实例代替普通对象。这没有什么直接的错误（尽管这可能会造成混淆，尤其是对于熟悉某些其他语言的人，length但某些属性包含在中，而其他属性则没有）。但是，如果您正在使用JSON序列化（这是很常见的事情），请了解将数组实例以仅涉及数字命名属性的方式序列化为JSON 。添加到数组的其他属性将永远不会以序列化的JSON形式出现。因此，例如：

var obj = [];
obj[0] = "hello world";
obj["something"] = 5000;

var objJSON = JSON.stringify(obj);

“ objJSON”的值将是一个包含just的字符串["hello world"]；“东西”财产将丢失。

ES2015：

如果您能够使用ES6 JavaScript功能，则可以使用计算属性名称非常轻松地处理此问题：

var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };

console.log(obj);
// > { 'DYNAMIC_KEY': 'ES6!' }