浅谈Object.assign(对象合并、浅复制)

object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象,它将返回目标对象。

var person1 = {
    name: "xiaoming",
    age: 18,
    job: "programmer"
}
var person2 = {
    age: 21,
    stature: "181cm"
}
var person = Object.assign(person1,person2);
console.log(person)

将以上代码复制至浏览器console查看结果

浅谈Object.assign(对象合并、浅复制)_第1张图片

可以看到,person对象为person1和person2合并之后的对象,合并过程中遇到同名参数时,后面的对象会替换掉前面的对象,比如例子中展示的"age"键名。

需要注意的是:

1、合并的对象不能用const定义,因为合并过程中目标对象(Object.assign()中第一个参数一般称为目标对象)自身也会随之改变,因此使用const定义时会报错,因为const定义的变量不可写。源对象无改变。

浅谈Object.assign(对象合并、浅复制)_第2张图片

2Object.assign 不会跳过那些值为 null 或 undefined 的源对象

浅谈Object.assign(对象合并、浅复制)_第3张图片

 

你可能感兴趣的:(龙哥哥前端笔记,对象合并,浅复制)