obj['key3']=value3或obj.key3=value3将向obj添加新对。

然而，我知道没有提到jQuery，但是如果您正在使用它，可以通过$.exextend（obj，｛key3:‘value3‘｝）添加对象。例如。：

var obj=｛key1:“value1”，key2:“value2”｝；$（“#ini”）.append（JSON.stringify（obj））；$.exextend（obj，｛key3:“value3”｝）；$（'#ext'）.append（JSON.stringify（obj））；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><p id=“ini”>首字母：</p><p id=“ext”>扩展：</p>

extend（target[，object1][，objectN]）将两个或多个对象的内容合并到第一个对象中。

它还允许使用$.exextend（true，object1，object2）；进行递归添加/修改：

变量对象1={苹果：0，香蕉：{重量：52，价格：100}，樱桃：97};变量对象2={香蕉：{价格：200}，榴莲：100};$（“#ini”）.append（JSON.stringify（object1））；$.exextend（true，object1，object2）；$（“#ext”）.append（JSON.stringify（object1））；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><p id=“ini”>首字母：</p><p id=“ext”>扩展：</p>

只需添加财产：

我们想将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（）更加动态，因为我们可以访问作为参数传入的所有对象，并且可以在将它们分配给新对象之前对它们进行操作。

我们也可以这样做。

var myMap = new Map();
myMap.set(0, 'my value1');
myMap.set(1, 'my value2');
 for (var [key, value] of myMap) {
  console.log(key + ' = ' + value);
 }

我们可以通过多种方式向JavaScript对象添加键/值对。。。

案例1：展开对象使用此选项，我们可以同时向对象添加多个key:value。

常量矩形＝{width:4，height:6}；常量立方体＝｛…矩形，长度：7｝；const cube2={…矩形，长度：7，笔划：2}；console.log（“立方体2:”，立方体2）；console.log（“Cube:”，立方体）；console.log（“矩形：”，矩形）；

案例2：使用点符号

var矩形＝{width:4，height:6}；直角长度=7；console.log（矩形）；

案例3：使用[平方]符号

var矩形＝{width:4，height:6}；矩形[“长度”]=7；console.log（矩形）；

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

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"};

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