极客笔记js 深拷贝数组
在 JavaScript 中，数组是常用的数据结构之一，我们经常需要对数组进行操作和处理。在处理数组时，有时候我们需要对数组进行拷贝，以避免修改原数组的影响。而其中的深拷贝则是一种特殊的拷贝方式，它可以创建原数组的完全副本，包括数组中的所有元素及其嵌套结构。
什么是深拷贝
在 JavaScript 中，数组是一种引用类型数据，当我们对数组进行赋值或传递参数时，传递的是数组的引用地址，而不是数组的副本。这就意味着如果我们直接将一个数组赋值给另一个变量，或者将一个数组作为函数的参数传递，实际上它们指向的是同一个数组，修改其中一个数组会影响另一个数组。这种情况下我们就需要进行深拷贝，来创建原数组的完全副本。
深拷贝是指完全复制一个对象（包括对象中的属性，以及属性的属性等嵌套对象），两者在内存中的存放位置是独立的，互相不会影响。在处理数组时，进行深拷贝可以保证我们操作的是副本而不是原数组，从而避免对原数组造成意外的修改。
实现深拷贝数组的方法
方法一：使用递归实现深拷贝
递归是一种简单而有效的方法来实现深拷贝数组。我们可以遍历原数组的每一个元素，对于元素为基本类型的直接复制，对于元素为数组或对象的使用递归进行拷贝。
function deepCopy(arr) {
let result = [];
for (let i = 0; i < arr.length; i++) {
if (Array.isArray(arr[i])) {
result.push(deepCopy(arr[i]));
} else {
result.push(arr[i]);
}
}
return result;
}
// 测试
let arr1 = [1, [2, 3], 4];
let arr2 = deepCopy(arr1);
arr2[1][0] = 5;
console.log(arr1); // [1, [2, 3], 4]
console.log(arr2); // [1, [5, 3], 4]
在上面的代码中，deepCopy 函数使用递归的方式实现了数组的深拷贝。我们遍历原数组 arr 的每一个元素，如果元素是数组，则递归调用 deepCopy 进行拷贝，如果是基本类型则直接复制。这样就可以实现原数组的深拷贝，确保修改副本不会影响原数组。
方法二：使用 JSON 序列化与反序列化实现深拷贝
另一种简单的方法是使用 JSON 对象的序列化和反序列化功能来实现数组的深拷贝。我们可以通过 JSON.stringify 方法将数组对象转换为 JSON 字符串，再通过 JSON.parse 方法将 JSON 字符串还原为数组对象。
function deepCopy(arr) {
return JSON.parse(JSON.stringify(arr));
}
// 测试
let arr1 = [1, [2, 3], 4];
let arr2 = deepCopy(arr1);
arr2[1][0] = 5;
console.log(arr1); // [1, [2, 3], 4]
console.log(arr2); // [1, [5, 3], 4]
在上面的代码中，deepCopy 函数使用了 JSON 序列化与反序列化的方式实现了数组的深拷贝。我们先将原数组 arr 序列化为 JSON 字符串，然后再将 JSON 字符串反序列化为新的数组，这样就得到了原数组的深拷贝。
深拷贝的应用场景
深拷贝数组在实际开发中有许多应用场景，其中一些常见的情况包括：
- 处理复杂的嵌套数据结构：当数组中包含对象或数组等嵌套结构时，进行深拷贝可以确保每个对象都是独立的，互相不会影响。
- 避免原数组被修改：有时我们需要在不改变原数组的情况下对数组进行操作，这时可以先深拷贝原数组，再对副本进行操作。
总结
在 JavaScript 中，数组是常用的数据结构之一，对数组的处理经常需要进行拷贝操作。尤其是在涉及到多层嵌套数组或对象时，深拷贝可以确保原数组的每个元素都是独立的。本文介绍了两种实现数组深拷贝的方法，分别是使用递归和使用 JSON 序列化与反序列化。选择合适的深拷贝方法可以更好地应对不同的业务需求，确保代码的稳定性和可靠性。