表演

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

如果在一个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对象

为了给对象添加键值对，以便for In与该元素一起使用，请首先执行以下操作：

    var nwrow = {'newkey': 'value' };
    for(var column in row){
        nwrow[column] = row[column];
    }
    row = nwrow;

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

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

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

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

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

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

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

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

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();