在前端开发中，经常需要复制数组或对象来进行修改，但是普通的赋值只能深拷贝一层。随着 ES7 的到来，我们可以使用 Array.prototype.includes() 和 spread operator （扩展操作符）来创建深拷贝版本的数组。
什么是 Array deepClone？
Array deepClone 是一个新的方法，可以用于创建原数组的深拷贝版本。使用这个方法可以避免修改原数组和与其他操作的冲突，同时也可以更方便的处理数据。
为什么需要 Array deepClone？
在前端开发中，经常需要在原数组的基础上操作，但是如果直接修改原数组，可能会影响其他操作的结果。此外，有些操作需要保留原数组，否则后续操作将无法进行。
因此，为了避免这样的冲突，我们需要一个方法来创建原数组的深拷贝版本。
如何使用 Array deepClone？
使用 Array deepClone 非常简单，只需要使用 spread operator （扩展操作符）即可。
const originalArray = [1, 2, 3, [4, 5, 6]]; const deepCopyArray = [...originalArray];
使用 Array deepClone 后，即使改变 deepCopyArray， originalArray 也不会受到影响。
需要注意的是，使用这种方法只能深拷贝一层，如果需要深拷贝多层，请继续阅读以下内容。
如何深拷贝多层？
对于数组中的对象，可以使用 JSON.parse(JSON.stringify()) 来实现深拷贝。
const originalArray = [{a: 1}, {b: 2}];
const deepCopyArray = JSON.parse(JSON.stringify(originalArray));但是这种方法不适用于包含方法或 Date 对象的数组。
对于包含方法或 Date 对象的数组，可以使用递归函数实现深拷贝。
-- -------------------- ---- -------
-------- -------------- -
--- ------ - ------------------ - -- - ---
------------------------------ -- -
-- ------- -------- --- -------- -- -------- --- ----- -
----------- - --------------------
- ---- -
----------- - ---------
-
---
------ -------
-总结
使用 Array deepClone 可以避免修改原数组和其他操作之间的冲突，同时可以更方便地处理数据。如果需要深拷贝多层，请使用递归函数实现深拷贝。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647fe0b548841e9894f62173