Object.assign

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

语法：

Object.assign(target, ...sources)

合并对象

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

合并多个对象

const source1 = { a: 1, b: 2 };
const source2 = { b: 4, c: 5 };
const source3 = { d: 6, f: 5 };const target= Object.assign({}, source1, source2, source3);console.log(target);
// expected output: Object {a: 1, b: 4, c: 5, d: 6, f: 5}

浅克隆

const source = { b: 4, c: 5 };const returnedTarget = Object.assign({}, source);console.log(source);
// expected output: Object { b: 4, c: 5 }console.log(returnedTarget);
// expected output: Object { b: 4, c: 5 }

深克隆

Object.assign() 无法完成深克隆。如需深克隆，需要使用其他办法。

let source = { a: 0 , b: { c: 0}};
let target = JSON.parse(JSON.stringify(source ));

继承属性和不可枚举属性是不能拷贝

const obj = Object.create({foo: 1}, { // foo 是个继承属性。bar: {value: 2  // bar 是个不可枚举属性。},baz: {value: 3,enumerable: true  // baz 是个自身可枚举属性。}
});const copy = Object.assign({}, obj);
console.log(copy); // { baz: 3 }

参考

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

javascript 克隆/clone：Object.assign相关推荐

JavaScript中的Object.assign()方法
目录介绍什么是Object.assign()? JavaScript可枚举属性语法和参数您可以使用Object.assign()方法做什么? 合并对象克隆对象关于Object.assign ...
es6 javascript对象方法Object.assign()
1 基本用法 Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target ). var target = { a: 1 }; var ...
Object.create()和Object.assign()
一.Object.create() 该方法用于创建一个新对象,并为其指定原型对象和属性. 语法:Object.create(prototype,description); proto:(必须),表示新 ...
展开运算符和object.assign()的区别
Object Spread 和 Object.assign 在功能上很相似.你应该使用哪一个? 事实证明,答案比你想象的要微妙许多. Object Spread 概论 object Spread 运算 ...
IE浏览器兼容Object.assign踩过的坑
IE浏览器兼容Object.assign踩过的坑 1.背景: 使用Object.assign,又在IE浏览器上访问时,会报该方法不存在~ ERROR:对象不支持"assign"属性 ...
JavaScript 复制对象与Object.assign方法无法实现深复制
在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型.基本数据类型包括Number.Boolean.String.Null.String.Symbol(ES6 新增),而复 ...
JavaScript 中 Object.assign() 的用法
目录 1. Object.assign()对象的拷贝 2. Object.assign()对象的深拷贝 3. 对象的合并 4. 合并具有相同属性的对象 5. 继承属性和不可枚举属性是不能拷贝 6. 原 ...
ecma 2018, javascript spread syntax behaves like Object.assign
as the subject. It is only supported in Chrome version 60+, so, first check the version, or just use ...
JavaScript深入理解对象方法——Object.assign()
Object.assign() Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.它将返回目标对象. 语法 Object.assign(target, ... ...

javascript 克隆/clone：Object.assign

Object.assign

合并对象

合并多个对象

浅克隆

深克隆

继承属性和不可枚举属性是不能拷贝

参考

javascript 克隆/clone：Object.assign相关推荐

最新文章

热门文章