在 ES6 中，Object.assign 是一个非常实用的方法，它可以用来合并多个对象的属性到一个目标对象中。本文将详细介绍 Object.assign 的使用方法，并提供示例代码和解释。
Object.assign 的基本使用方法
Object.assign 的基本语法如下：
--------------------- -----------
其中，target 表示目标对象，...sources 表示一个或多个源对象，它们的属性将被合并到目标对象中。返回值是目标对象本身。
例如，我们可以将两个对象的属性合并到一个新的对象中：
----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - ----------------- ----- ------ ------------------ -- - -- -- -- - -
在这个例子中，我们首先创建两个对象 obj1 和 obj2，接着使用 Object.assign 将 obj1 和 obj2 的属性合并到一个新的对象 obj3 中。最终，obj3 的值为 { a: 1, b: 2 }。
需要注意的是，如果目标对象中已经存在某个属性，则后面的源对象中的同名属性将覆盖它。例如：
----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ---- - ----------------- ----- ------ ------------------ -- - -- -- -- -- -- - -
在这个例子中，我们将 obj1 和 obj2 的属性合并到一个新的对象 obj3 中。由于 obj2 中有一个 b 属性，因此它覆盖了 obj1 中的 b 属性，最终 obj3 的值为 { a: 1, b: 3, c: 4 }。
Object.assign 的注意事项
在使用 Object.assign 的时候，需要注意以下几个事项：
Object.assign 只能合并对象的可枚举属性，不能合并对象的不可枚举属性和原型属性。
Object.assign 的源对象可以是多个，属性的顺序取决于源对象的遍历顺序。
Object.assign 不会复制对象的访问器属性，只会复制属性的值。
Object.assign 不会复制对象的 Symbol 类型的属性。
Object.assign 的第一个参数必须是一个对象，否则会抛出 TypeError 异常。
Object.assign 的高级用法
除了基本的用法，Object.assign 还有一些高级用法，可以让我们更加灵活地处理对象属性的合并。下面我们来看一些示例。
合并多个对象
如果有多个对象需要合并，我们可以使用 ... 运算符来简化代码：
----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- --- - ----------------- ----- ----- ----- ------ ----------------- -- - -- -- -- -- -- -- -- - -
这样就可以一次性将多个对象的属性合并到一个新的对象中。
合并同名属性为数组
如果合并的对象中有同名属性，我们可以将它们合并为一个数组。代码如下：
----- ---- - - -- - -- ----- ---- - - -- - -- ----- --- - ----------------- ----- ----- - -- ----------- - -------- - ---- ------- --- ----------------- -- - -- --- -- -
在这个例子中，我们先将 obj1 和 obj2 的属性合并到一个新的对象中，接着使用了一个对象字面量来添加一个名为 a 的属性。这个属性的值是一个数组，用来合并 obj1 和 obj2 的同名属性。最终，obj 的值为 { a: [1, 2] }。
合并对象并忽略 undefined 和 null
在合并对象的时候，我们有时候希望忽略 undefined 和 null 值。可以使用如下的代码：
----- ---- - - -- -- -- ---------- -- ---- -- ----- ---- - - -- -- -- ---------- -- - -- ----- --- - -------------- --- ------------------- -------- ------- ----------- --- -- -- ----- -- ---- - -- - - ---- - -- --- -- ----------------- -- - -- -- -- -- -- - -
在这个例子中，我们首先使用 Object.entries 和扩展运算符将 obj1 和 obj2 合并为一个新对象，接着使用 map 方法来过滤 undefined 和 null 值，并且保留同名属性覆盖规则，最终得到的值为 { a: 1, b: 2, d: 3 }。
总结
本文介绍了 ES6 中 Object.assign 的详解与使用方法，从基本用法到高级用法都进行了举例，并且针对注意事项也进行了详细的解释。希望读者们可以通过本文更好地掌握 Object.assign 的使用，以便更有效地处理对象的合并。
参考文献：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64b35ccd48841e9894fa164d