合并对象es5、6、7

方法一:循环遍历
let obj1 = {name:'a',age:18};

let obj2 = {name:'b',gender:'man'};

let obj3 = {};

for(var attr in obj1){

    obj3[attr] = obj1[attr];

}

for(var attr in obj2){

    obj3[attr] = obj2[attr];

}

console.log(obj3);//{name: "b", age: 18, gender: "man"}

方法二:assign
let obj1 = {name:'a',age:18};

let obj2 = {name:'b',gender:'man'};

let obj3 = {};

Object.assign(obj3,obj1,obj2);

console.log(obj3);//{name: "b", age: 18, gender: "man"}

方法三:ES7的对象的拓展运算和ES6的解构赋值
let obj1 = {name:'a',age:18};

let obj2 = {name:'b',gender:'man'};

let obj3 = {...obj1,...obj2};

console.log(obj3);//{name: "b", age: 18, gender: "man"}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript之父:Brendan Eich 。 -基本语法:借鉴了C语言和Java语言。-数据结构:借鉴了...
    饥人谷_kule阅读 623评论 0 0
  • ECMAScript理解 它是一种由ECMA组织(前身为欧洲计算机制造商协会)制定和发布的脚本语言规范 而我们学的...
    咻咻咻滴赵大妞阅读 4,587评论 0 3
  • JavaScript(面向对象+原型理解+继承+作用域链和闭包+this使用总结) 一、面向对象 1、什么是面向对...
    老头子_d0ec阅读 308评论 0 0
  • ECMAScript简称就是ES,你可以把它看成是一套标准,JavaScript就是实施了这套标准的一门语言 现在...
    最美时光A阅读 354评论 0 0
  • 用更合理的方式写 JavaScript 目录 声明变量 对象 数组 字符串 函数 箭头函数 模块 迭代器和生成器 ...
    小红依阅读 1,844评论 0 5