下一个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中。

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

arr.key3 = value3;

arr.key3 = value3;

因为你的arr不是一个数组。。。这是一个原型对象。真正的数组应该是：

var arr = [{key1: value1}, {key2: value2}];

但这仍然不正确。实际上应该是：

var arr = [{key: key1, value: value1}, {key: key2, value: value2}];

有两种方法可以向对象添加新的财产：

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

使用点符号：

obj.key3 = "value3";

使用方括号表示法：

obj["key3"] = "value3";

当您知道属性的名称时，将使用第一种形式。当动态确定属性的名称时，使用第二种形式。如本例所示：

var getProperty = function (propertyName) {
    return obj[propertyName];
};

getProperty("key1");
getProperty("key2");
getProperty("key3");

一个真正的JavaScript数组可以使用以下任一方法构建：

数组文字表示法：

var arr = [];

Array构造函数表示法：

var arr = new Array();

大多数答案中已经提到了两种最常用的方法

obj.key3 = "value3";

obj["key3"] = "value3";

定义属性的另一种方法是使用Object.defineProperty（）

Object.defineProperty(obj, 'key3', {
  value: "value3",       // undefined by default
  enumerable: true,      // false by default
  configurable: true,    // false by default
  writable: true         // false by default
});

当您希望在定义属性时拥有更多控制权时，此方法非常有用。用户可以将定义的属性设置为可枚举、可配置和可写。

2017年答案：Object.assign（）

Object.assign（dest，src1，src2，…）合并对象。

它使用源对象的财产和值（无论多少）覆盖dest，然后返回dest。

assign（）方法用于将所有可枚举自身财产的值从一个或多个源对象复制到目标对象。它将返回目标对象。

实时示例

var obj=｛key1:“value1”，key2:“value2”｝；对象.assign（obj，｛key3:“value3”｝）；document.body.innerHTML=JSON字符串（obj）；

2018年答案：对象扩展运算符｛…｝

obj = {...obj, ...pair, scalar};

来自MDN：

它将自己的可枚举财产从提供的对象复制到新对象上。现在可以使用比Object.assign（）更短的语法进行对象的浅层克隆（不包括原型）或合并。注意Object.assign（）触发setter，而spread语法不触发setter。

实时示例

它适用于当前的Chrome和Firefox。他们说这在当前的Edge中不起作用。

var obj=｛key1:“value1”，key2:“value2”｝；var pair={key3:“value3”}；var scalar=“value4”obj＝｛…obj，…对，标量｝；document.body.innerHTML=JSON字符串（obj）；

2019年答案

对象赋值运算符+=：

obj += {key3: "value3"};

哎呀。。。我被迷住了。从未来走私信息是非法的。完全模糊！