如果在一个Object中有多个匿名Object文本，并希望添加另一个包含键/值对的Object，请执行以下操作：

Firebug对象：

console.log(Comicbook);

返回：

[对象｛name=“Spiderman”，值=“11”｝，对象｛name=“Marsiplami”，value=“18”｝，对象｛name=“Garfield”，value=“2”｝]

代码：

if (typeof Comicbook[3]=='undefined') {
    private_formArray[3] = new Object();
    private_formArray[3]["name"] = "Peanuts";
    private_formArray[3]["value"] = "12";
}

将对象｛name=“Peanuts”，value=“12”｝添加到Comicbook对象

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

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

表演

今天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）；此代码段仅显示代码-它本身不执行测试！

可以使用｛[key]：value｝语法创建新对象：

常量foo={a： '键'，b： '值'}常量bar={[foo.a]：foo.b}console.log（bar）；//｛key:“value”｝console.log（bar.key）；//价值常量baz={['key2']：'value2'}console.log（baz）；//｛key2:“value2”｝console.log（baz.key2）；//值2

使用前面的语法，您现在可以使用扩展语法｛…foo，…bar｝添加新对象，而不改变旧值：

常量foo={a:1，b:2}；常量条＝｛…foo，…｛['c']:3}｝；console.log（bar）；//｛a:1，b:2，c:3｝console.log（bar.c）；//3.

你可以用@IonuțG.Stan的答案创建一个类

function obj(){
    obj=new Object();
    this.add=function(key,value){
        obj[""+key+""]=value;
    }
    this.obj=obj
}

使用最后一个类创建新对象：

my_obj=new obj();
my_obj.add('key1', 'value1');
my_obj.add('key2', 'value2');
my_obj.add('key3','value3');

打印对象

console.log(my_obj.obj) // Return {key1: "value1", key2: "value2", key3: "value3"} 

打印密钥

console.log(my_obj.obj["key3"]) //Return value3

我是javascript新手，欢迎评论。对我有用。

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