在编写大型项目时，我越来越喜欢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}

我们可以通过多种方式向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（矩形）；

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

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

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

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

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

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

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>

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

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