只需添加财产：

我们想将prop2:2添加到这个对象中，这是最方便的选项：

点运算符：object.prop2=2；方括号：对象['prop2']=2；

那么我们用哪一个呢？

dot运算符的语法更加简洁，应该用作默认值（imo）。但是，点运算符不能向对象添加动态关键点，这在某些情况下非常有用。下面是一个示例：

常量对象={方案1：1}const key=Math.random（）>0.5？'key1'：'key2'；obj[key]=“此值具有动态键”；console.log（obj）；

合并对象：

当我们想要合并两个对象的财产时，以下是最方便的选项：

Object.assign（），将目标对象作为参数，以及一个或多个源对象，并将它们合并在一起。例如：

常量对象1={a： 1中，b： 2，};const object2=对象分配({c： 3中，d： 4个}，对象1）；console.log（对象2）；

对象排列运算符。。。

常量对象={prop1:1，第2部分：2}常量newObj={…对象，prop3:3，第4部分：4}console.log（newObj）；

我们用哪一个？

扩展语法不那么冗长，应该用作默认的imo。不要忘记将此语法转换为所有浏览器都支持的语法，因为它相对较新。Object.assign（）更加动态，因为我们可以访问作为参数传入的所有对象，并且可以在将它们分配给新对象之前对它们进行操作。

您可以使用其中一个（前提是key3是您想要使用的实际键）

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

如果key3是变量，则应执行以下操作：

var key3 = 'a_key';
var value3 = 3;
arr[ key3 ] = value3;

之后，请求arr.a_key将返回值3，即文本3。

表演

今天2020.01.14，我在Chrome v78.0.0、Safari v13.0.4和Firefox v71.0.0上对MacOs HighSierra 10.13.6进行了测试，以获得选定的解决方案。我将解分为可变的（第一个字母M）和不可变的（第二个字母I）。我还提供了一些不可变的解决方案（IB、IC、ID/IE），这些解决方案尚未在回答这个问题时发布

结论

最快的可变解决方案比最快的不可变解决方案快得多（>10倍）像obj.key3=“abc”（MA，MB）这样的经典可变方法是最快的对于不可变的解决方案，｛…obj，key3:'abc'｝和Object.assign（IA，IB）是最快的令人惊讶的是，对于chrome（MC-IA）和safari（MD-IB），存在比某些可变解决方案更快的不可变解决方案

细节

在下面的片段中，有经过测试的解决方案，您可以在这里从您的机器上进行测试（2022年更新：我向Josh DeLong表示感谢，他从jspref.com重写了测试，jsbench.me停止工作）变量o={key1：真，键2:3，};var log=（s，f）=>console.log（`$｛s｝-->$｛JSON.stringify（f（｛…o｝））｝`）；函数MA（obj）{obj.key3=“abc”；返回obj；}函数MB（obj）{obj['key3']=“abc”；返回obj；}函数MC（obj）{Object.assign（obj，｛key3:'abc'｝）；返回obj；}函数MD（obj）{Object.defineProperty（obj，'key3'{value：“abc”，//默认情况下未定义enumerable:true，//默认为false可配置：true，//默认为false可写：默认为true//false});返回obj；}函数IA（obj）{return｛…obj，key3:'abc'｝；}函数IB（obj）{return Object.assign（｛key3:'abc'｝，obj）；}函数IC（obj）{let ob=JSON.parse（JSON.stringify（obj））ob.key3=“abc”；返回ob；}函数ID（obj）{let ob=Object.fromEntries（Object.entries（obj））；ob.key3=“abc”；返回ob；}函数IE（obj）{return Object.fromEntries（Object.entries（obj）.contat（[['key3'，'abc']]））}日志（'MA'，MA）；日志（'MB'，MB）；日志（'MC'，MC）；日志（'MD'，MD）；日志（‘IA’，IA）；日志（'IB'，IB）；日志（'IC'，IC）；日志（'ID'，ID）；日志（'IE'，IE）；此代码段仅显示代码-它本身不执行测试！

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

arr['key3'] = value3;

或者这样：

arr.key3 = value3;

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

下一个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;