es6合并对象的方法有:1、利用“Object.assign()”方法,语法“Object.assign(obj1,obj2,obj3)”;2、使用使用扩展运算符“...”,语法“{...obj1,...obj2,...obj3}”。

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。
方法一:Es6的 Object.assign() 方法
Object.assign()方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。
举例:
let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let obj = Object.assign(obj1, obj2, obj3)
console.log(obj, obj1, obj2, obj3)输出:
{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}注意
1、Object.assign()方法的第一个参数是目标对象,后面的参数都是源对象。
本书图文并茂,详细讲解了使用LAMP(PHP)脚本语言开发动态Web程序的方法,如架设WAMP平台,安装与配置开源Moodle平台,PHP程序设计技术,开发用户注册与验证模块,架设LAMP平台。 本书适合计算机及其相关专业本、专科学生作为学习LAMP(PHP)程序设计或动态Web编程的教材使用,也适合对动态Web编程感兴趣的读者自觉使用,对LAMP(PHP)程序设计人员也具有一定的参考价值。
2、此处obj2里的属性b被后面的obj3里的属性b给覆盖了。
方法二:使用扩展运算符
let obj1 = {a: 1}
let obj2 = {b: 2}
let obj3 = {b: 3, c:4}
let objTwo = {...obj1,...obj2,...obj3}
console.log(objTwo, obj1, obj2, obj3)执行结果:
{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}{...obj1,...obj2,...obj3} ...链接的形式更加简单粗暴!
【相关推荐:javascript视频教程、web前端】









