Object.assign()
程序员文章站
2022-03-21 22:17:40
...
Object.assign()
作用:用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
现有对象A,对象B,如果要把A对象的属性的值复制到B上,可以使用Object.assign(B,A);
注:如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。
语法
Object.assign(target, ...sources)
- 参数:target:目标对象。sources:源对象。
- 返回值:目标对象
实例
var a={name:'lisa',age:12};
var b={adress:'北京'};
Object.assign(b,a);
//此刻b的值为{adress: "北京", name: "lisa", age: 12}
//a的值不变{name: "lisa", age: 12}
上述例子中,对象b要复制对象a的属性值。
实例2:
var a={name:'lisa',age:12};
var b={name:'jack',adress:'北京'};
Object.assign(b,a);
//b的结果{name: "lisa", adress: "北京", age: 12}
//a的结果{name: "lisa", age: 12}
上述例子中我们发现,a和b都有属性name,使用Object.assign()后,源对象的属性值会覆盖目标对象的属性值。
例子3,复制一个对象
var a={name:'lili'};
var b=Object.assign({},a);
console.log(b);//{name: "lili"}
例子4,合并一个对象
var a={name:'lili'};
var b={age:12};
var c={address:'北京'};
var d=Object.assign({},a,b,c);
console.log(d);//{name: "lili", age: 12, address: "北京"}
推荐阅读
-
Object.assign()扩展之实现原型链拷贝
-
JavaScript 复制对象与Object.assign方法无法实现深复制
-
JavaScript对象拷贝与Object.assign用法实例分析
-
ES6中新增的Object.assign()方法详解
-
详解ES6 中的Object.assign()的用法实例代码
-
ES6 Object.assign()的用法及其使用
-
JavaScript 复制对象与Object.assign方法无法实现深复制
-
Object.assign() 方法详解
-
JavaScript对象拷贝与Object.assign用法实例分析
-
Object.assign()扩展之实现原型链拷贝