在前端开发中，我们经常需要合并对象或者克隆对象。而 JavaScript 原生的 Object.assign() 方法只能进行浅拷贝，也就是说当对象中嵌套了对象时，仅会复制引用而不会深度复制对象内部所有属性。为了解决这个问题，可以使用 npm 包 object-assign。
安装
在命令行中输入以下命令进行安装：
--- ------- ------------- ------
使用
合并对象
要合并两个对象，可以使用以下代码：
----- ------------ - ------------------------- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - ------------------ ------ ------------------ -- - -- -- -- - - ------------------ -- - -- - - ------------------ -- - -- -- -- - -
上述代码将 obj2 中的所有属性添加到 obj1 中，并返回新的合并后的对象 obj3。
克隆对象
要克隆一个对象，可以使用以下代码：
----- ------------ - ------------------------- ----- ---- - - -- - -- - - -- ----- ---- - ---------------- ------ ------------------ -- - -- - -- - - - ------------------ -- - -- - -- - - - ------------------ --- -------- -- ----
注意，这里使用了一个空对象 {} 来创建新的对象。这是因为 object-assign 方法会将后面的对象合并到第一个参数对象中，如果不传入新的空对象，那么原来的对象也会被修改。
深度克隆
要实现深度克隆，可以使用以下代码：
----- ------------ - ------------------------- -------- -------------- - ------ ---------------- ---- --------------------------------- - ----- ---- - - -- - -- - - -- ----- ---- - ---------------- ------------------ -- - -- - -- - - - ------------------ -- - -- - -- - - - ------------------ --- -------- -- -----
上述代码使用了 JSON.parse(JSON.stringify(obj)) 来实现深度复制对象内部所有属性，然后再将结果与空对象进行浅拷贝。这样就可以得到一个全新的对象，并且对象内部所有属性都是独立的。
结论
通过本文的学习，我们了解了如何安装和使用 npm 包 object-assign 来合并对象和克隆对象，并且还学习了如何实现深度克隆。掌握这些技能有助于我们更好地处理对象，提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/51276