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

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

可以使用｛[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新手，欢迎评论。对我有用。

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>

arr.key3 = value3;

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

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

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

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

在编写大型项目时，我越来越喜欢LoDash/Undercore。

通过obj['key']或obj.key添加都是纯JavaScript的可靠答案。然而，在使用对象和数组时，LoDash和Undercore库都提供了许多其他方便的功能。

.push（）用于数组，而不是对象。

根据您正在查找的内容，有两个特定的函数可能很好利用，并提供类似arr.push（）的功能。有关更多信息，请查看文档，其中有一些很棒的示例。

_.mmerge（仅限Lodash）

第二个对象将覆盖或添加到基础对象。不复制未定义的值。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.merge(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"} 

_扩展/分配

第二个对象将覆盖或添加到基础对象。将复制undefined。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

_.默认值

第二个对象包含默认值，如果它们不存在，将添加到基础对象。如果键已经存在，将复制未定义的值。

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

$.扩展

此外，jQuery.extend可能值得一提，它的功能类似于_.mmerge，如果您已经在使用jQuery，它可能是一个更好的选项。

第二个对象将覆盖或添加到基础对象。不复制未定义的值。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

对象.assign（）

可能值得一提的是ES6/ES2015 Object.assign，它的功能类似于_.mmerge，如果您已经在使用像Babel这样的ES6/ES2015polyfill，如果您想自己填充，它可能是最好的选择。

第二个对象将覆盖或添加到基础对象。将复制undefined。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}