如何向JavaScript对象添加键/值对？

这是我的对象文字：

var obj = {key1: value1, key2: value2};

如何将值为3的字段key3添加到对象中？

当前回答

示例显示的是对象，而不是数组。在这种情况下，将字段添加到Object的首选方法是只分配给它，如下所示：

arr.key3 = value3;

其他回答

我知道这个问题已经有了一个公认的答案，但我想我应该在某个地方记录我的想法。请[人们]自由地戳破这个想法，因为我不确定这是否是最好的解决方案。。。但我几分钟前刚刚把这件事放在一起：

Object.prototype.push = function( key, value ){
   this[ key ] = value;
   return this;
}

您可以这样使用它：

var obj = {key1: value1, key2: value2};
obj.push( "key3", "value3" );

由于原型函数正在返回此值，因此您可以继续将.push链接到obj变量的末尾：obj.push（…）.push（……）.press（…）；

另一个特性是可以将数组或另一个对象作为push函数参数中的值传递。请参见我的小提琴，以获得一个有效的示例：http://jsfiddle.net/7tEme/

您可以通过以下方式添加：

arr['key3'] = value3;

或者这样：

arr.key3 = value3;

只有当key3的值为“key3”时，建议使用变量key3键入对象的答案才有效。

因为这是过去的问题，而现在的问题。会建议另外一个解决方案：只需将键和值传递给函数，您将获得一个map对象。

var map = {};
function addValueToMap(key, value) {
map[key] = map[key] || [];
map[key].push(value);
}

下一个Javascript规范（候选阶段3）中简短而优雅的方式是：

obj=｛…obj，…｛key3:value3｝｝

在Object spread vs Object.assign和Axel Rauschmayers博士的网站上可以找到更深入的讨论。

自8.6.0版以来，它已经在node.js中运行。

最新版本的Vivaldi、Chrome、Opera和Firefox也知道这个功能，但Mirosoft直到今天才知道，无论是在Internet Explorer还是Edge中。

根据ECMA-262中定义的属性访问器(http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf，P67），有两种方法可以将财产添加到现有对象。通过这两种方式，Javascript引擎将对它们一视同仁。

第一种方法是使用点符号：

obj.key3 = value3;

但是这样，您应该在点符号后使用IdentifierName。

第二种方法是使用括号表示法：

obj["key3"] = value3;

以及另一种形式：

var key3 = "key3";
obj[key3] = value3;

这样，您可以在括号符号中使用表达式（包括标识符名称）。

推荐文章