本文实例讲述了JS对象的深度克隆方法。分享给大家供大家参考，具体如下：
js中创建的对象指向内存，所以在开发过程中，往往修改了一个对象的属性，会影响另外一个对象。
尤其是在angular框架中，dom是由数据驱动的，在增删改查对象的操作中，对象属性的继承关系是很让人头痛的！
我之前遇到的问题就是，在编辑页面，操作了对象数据，影响到了展示数据的展现！
我整理了两种深度克隆对象的方法，供大家参考！
首先var 一个假数据
代码如下:var schedule = {“status”:21,”msg”:”ok”,”data”:[{“name”:”lemon”,”age”:21,”contactLis
在JavaScript编程中，对象的深度克隆是一种复制对象的方式，它可以创建一个与原始对象完全独立的新对象，即使原对象的属性包含嵌套的对象或数组，克隆后的对象也不会受到任何影响。这是因为JavaScript中的对象是引用类型，直接赋值或复制会形成引用关系，而非创建新的独立副本。本文将探讨两种在JavaScript中实现对象深度克隆的方法。
**方法1：递归遍历克隆**
这种方法基于遍历对象的所有属性，并检查它们是否为对象。如果是对象，则递归调用克隆函数来处理这些属性。代码如下：
```javascript
function deepClone(obj) {
var o, i, j, k;
if (typeof(obj) != "object" || obj === null)
return obj;
if (obj instanceof Array) {
o = [];
i = 0;
j = obj.length;
for (; i < j; i++) {
if (typeof(obj[i]) == "object" && obj[i] != null) {
o[i] = arguments.callee(obj[i]);
} else {
o[i] = obj[i];
}
}
} else {
o = {};
for (i in obj) {
if (typeof(obj[i]) == "object" && obj[i] != null) {
o[i] = arguments.callee(obj[i]);
} else {
o[i] = obj[i];
}
}
}
return o;
}
```
在上述代码中，`deepClone`函数通过判断对象的类型（数组或普通对象），然后递归地处理其属性，确保所有嵌套的对象也被深度克隆。
**方法2：JSON序列化与反序列化**
另一种简单但可能有局限性的方法是利用JSON的序列化和反序列化功能。首先将对象转换为JSON字符串，然后再将其解析回JavaScript对象。这种方式的缺点是它不能处理函数、循环引用以及某些特殊的JavaScript值（如`undefined`）。
```javascript
var scheduleClone2 = JSON.parse(JSON.stringify(schedule));
```
在这个例子中，`scheduleClone2`将是`schedule`的一个深拷贝，但任何非JSON兼容的属性都会丢失。
通过这两种方法，我们可以确保在编辑克隆对象时，不会影响到原始对象。例如，我们可以在编辑页面上操作`scheduleClone`或`scheduleClone2`，而不用担心会影响到展示数据的原始状态。
```javascript
// 修改克隆对象
scheduleClone.data[0].contactList.phone[0] = 99999999999;
scheduleClone2.data[0].contactList.phone[0] = 8888888;
// 输出原始和克隆对象，验证深度克隆的效果
console.log('方法1 深度克隆', scheduleClone);
console.log('方法2 深度克隆', scheduleClone2);
```
在JavaScript中，深度克隆对象对于维护数据的独立性和防止意外的副作用至关重要，特别是在数据驱动的框架（如Angular）中。了解和掌握这些方法能够帮助开发者更好地处理复杂的数据结构。
