在编程语言中，拷贝是一个基本的操作。当我们需要在代码中创建一个新的对象，而这个对象和原对象具有相同的属性和值时，我们就会用到拷贝操作。一般来说，拷贝分为两种类型：浅拷贝和深拷贝。其中深拷贝是一种比较常见的操作，它可以用来完整地复制一个对象，包括对象的所有属性和方法。本文将对深拷贝的三种实现方式进行详细的阐述，分别是 js, c#深拷贝的三种实现方式、深拷贝的三种实现方式的优缺点、深拷贝的三种实现方式 es6、深拷贝的三种实现方式 promise、list深拷贝的三种实现方式、浅拷贝的三种实现方式、深拷贝的完整实现、前端实现深拷贝的方式、js深拷贝的三种实现方式。
一、js, c#深拷贝的三种实现方式
在 js 和 c# 中，深拷贝通常有三种实现方式：递归拷贝、序列化/反序列化和 jQuery 的 extend 方法。
1.递归拷贝
递归拷贝是 js 和 c# 中实现深拷贝最基本的方法。它的基本思路是遍历原对象中的所有属性，然后分别将对应属性的值复制到新对象中。当属性的值还是一个对象时，递归调用自身进行拷贝。这种方法的优点是实现简单，可以适用于大多数数据类型。但是，如果拷贝的数据层数过多，则容易导致栈溢出的问题。
2.序列化/反序列化
在 js 中，可以通过 JSON 对象提供的 stringify 和 parse 方法来实现深拷贝。它的基本思路是将原对象转换成 JSON 字符串，然后再将 JSON 字符串转换成新对象。这种方法的优点是实现简单，可以支持所有的基本数据类型，同时也支持自定义对象。但是，它无法支持函数、正则表达式、日期等特殊数据类型，并且当数据量较大时，执行效率会变得较低。
3.jQuery 的 extend 方法
在 jQuery 中，有一个 extend 方法可以用来实现深拷贝。它的基本思路是遍历原对象中的所有属性，然后分别将对应属性的值复制到新对象中。当属性的值还是一个对象时，递归调用自身进行拷贝。这种方法的优点是实现简单，可以适用于大多数数据类型，同时还支持对数组的拷贝。
二、深拷贝的三种实现方式的优缺点
既然有多种方式可以实现深拷贝，那么这些方式各有何优缺点呢？
1.递归拷贝的优缺点
优点：
– 实现简单易懂，容易上手；
– 可以适用于多种数据类型；
– 可以保留原数据的结构和类型。
缺点：
– 如果数据层数过多，容易导致栈溢出；
– 在拷贝复杂数据结构时，执行效率较低。
2.序列化/反序列化的优缺点
优点：
– 实现简单易读；
– 可以适用于多种数据类型；
– 可以保留原数据的结构和类型。
缺点：
– 无法支持所有特殊数据类型；
– 在拷贝复杂数据结构时，执行效率较低。
3.jQuery 的 extend 方法的优缺点
优点：
– 实现简单易读；
– 可以适用于多种数据类型；
– 支持对数组的拷贝。
缺点：
– 无法支持所有特殊数据类型；
– 在拷贝复杂数据结构时，执行效率较低。
三、深拷贝的三种实现方式 es6
在 es6 中，可以通过使用 Object.assign 或者 spread 运算符来实现深拷贝。这两种方式的基本思路都是将原对象中的所有属性都复制到新对象中，同时当属性值是一个对象时，递归调用自身进行拷贝。具体实现方式可以参考下面的示例代码。
//使用Object.assign方式实现深拷贝
let obj1 = {a: 1, b: {c: 2}};
let obj2 = Object.assign({}, obj1);
console.log(obj2); //{a: 1, b: {c: 2}}
obj1.b.c = 3;
console.log(obj2); //{a: 1, b: {c: 2}}
//使用spread方式实现深拷贝
let arr1 = [1, 2, {a: 3}];
let arr2 = [...arr1];
console.log(arr2); //[1, 2, {a: 3}]
arr1[2].a = 4;
console.log(arr2); //[1, 2, {a: 3}]
四、深拷贝的三种实现方式 promise
在 promise 中，可以通过使用 Promise.resolve().then(JSON.parse(JSON.stringify())) 来实现深拷贝。这个方法的基本思路是将原对象转换成 JSON 字符串，然后再将 JSON 字符串转换成新对象。这种方法的优点是实现简单，可以支持所有的基本数据类型，同时也支持自定义对象。但是，它无法支持函数、正则表达式、日期等特殊数据类型，并且当数据量较大时，执行效率会变得较低。
五、list深拷贝的三种实现方式
在 list 中，深拷贝通常有三种实现方式：遍历拷贝、列表推导式和 copy 模块。
1.遍历拷贝
遍历拷贝是 list 中实现深拷贝最基本的方法。它的基本思路是遍历原列表中的所有元素，然后分别将对应元素的值复制到新列表中。当元素的值还是一个列表时，递归调用自身进行拷贝。这种方法的优点是实现简单，可以适用于大多数数据类型。但是，如果拷贝的数据层数过多，则容易导致栈溢出的问题。
2.列表推导式
在 list 中，可以通过使用列表推导式语法来实现深拷贝。它的基本思路是遍历原列表中的所有元素，然后分别将对应元素的值复制到新列表中。当元素的值还是一个列表时，递归调用自身进行拷贝。具体实现方式可以参考下面的示例代码。
#使用列表推导式方式实现深拷贝
import copy
lst1 = [1, 2, [3, 4]]
lst2 = [copy.deepcopy(x) for x in lst1]
print(lst2) #[1, 2, [3, 4]]
lst1[2][0] = 5
print(lst2) #[1, 2, [3, 4]]
3.copy 模块
在 list 中，还可以使用 copy 模块提供的 deepcopy 方法来实现深拷贝。它的基本思路和列表推导式相似，也是遍历原列表中的所有元素进行拷贝。但是，它的执行效率比其他方法都要快，并且它可以支持复杂数据结构。具体实现方式可以参考下面的示例代码。
#使用copy方式实现深拷贝
import copy
lst1 = [1, 2, [3, 4]]
lst2 = copy.deepcopy(lst1)
print(lst2) #[1, 2, [3, 4]]
lst1[2][0] = 5
print(lst2) #[1, 2, [3, 4]]
六、浅拷贝的三种实现方式
浅拷贝是一种简单的拷贝方式，只会复制对象的引用，而不会复制对象本身。在 js 中，可以通过使用 Object.assign 或者 … 运算符来实现浅拷贝。在 python 中，可以通过使用 copy 模块提供的 copy 方法来实现浅拷贝。在 c# 中，可以通过使用 Clone 方法来实现浅拷贝。
七、深拷贝的完整实现
在实现深拷贝时，我们可以将多种方法结合起来，以实现更完整的拷贝。例如，在 js 中，我们可以将递归拷贝与序列化/反序列化方法结合起来，以拓展拷贝能力。具体示例代码如下：
//深拷贝
function deepCopy(obj) {
let str = JSON.stringify(obj);
let result = JSON.parse(str);
return result;
}
//原始数据
let obj1 = {a: 1, b: {c: 2}};
let obj2 = deepCopy(obj1);
//修改原始数据
obj1.b.c = 3;
console.log(obj2); //{a:1, b:{c:2}}
八、前端实现深拷贝的方式
在前端开发中，我们通常会遇到需要实现深拷贝的情况，例如在组件间传递参数时。根据具体的开发需求，我们可以选择不同的深拷贝方式。在实践中，比较常见的深拷贝方式有以下几种：
1.递归拷贝
递归拷贝是实现深拷贝最基本的方法，它的实现方式在前面已经进行了详细讲解。
2.使用 JSON 序列化/反序列化
在前端中，使用 JSON 序列化/反序列化的方式可以快速地实现对基本数据类型和自定义对象的深拷贝。具体实现方式可以参考下面的示例代码。
let original = {a: 1, b: {c: 2}};
let target = JSON.parse(JSON.stringify(original));
original.b.c = 3;
console.log(target); //{a: 1, b: {c: 2}}
3.使用 lodash 库的 cloneDeep 方法
lodash 库是前端开发中比较常用的一个实用工具库，它提供了很多实用的函数和方法。在 lodash 中，提供了一个 cloneDeep 方法可以用于实现深拷贝。具体实现方式可以参考下面的示例代码。
import cloneDeep from 'lodash/cloneDeep';
let original = {a: 1, b: {c: 2}};
let target = cloneDeep(original);
original.b.c = 3;
console.log(target); //{a: 1, b: {c: 2}}
4.使用 jQuery 的 extend 方法
在 jQuery 中，有一个 extend 方法可以用来实现深拷贝。具体实现方式可以参考下面的示例代码。
let original = {a: 1, b: {c: 2}};
let target = $.extend(true, {}, original);
original.b.c = 3;
console.log(target); //{a: 1
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/185479.html
微信扫一扫 
支付宝扫一扫 