可以使用｛[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.

大多数浏览器都支持，它检查对象键是否可用，如果可用，它将覆盖现有的键值，如果不可用，则使用值添加键

示例1

let my_object = {};

// now i want to add something in it  

my_object.red = "this is red color";

// { red : "this is red color"}

示例2

let my_object = { inside_object : { car : "maruti" }}

// now i want to add something inside object of my object 

my_object.inside_object.plane = "JetKing";

// { inside_object : { car : "maruti" , plane : "JetKing"} }

示例3

let my_object = { inside_object : { name : "abhishek" }}

// now i want to add something inside object with new keys birth , gender 

my_object.inside_object.birth = "8 Aug";
my_object.inside_object.gender = "Male";


    // { inside_object : 
//             { name : "abhishek",
//               birth : "8 Aug",
//               gender : "Male" 
//            }   
//       }

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

我们也可以这样做。

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规范（候选阶段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中。

只需添加财产：

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