js深拷贝和浅拷贝
时间: 2023-07-08 12:10:40 浏览: 149
JS中的数据类型分为两种:基本数据类型和引用数据类型。
基本数据类型包括:Number、String、Boolean、null、undefined、。
引用数据类型包括:Object、Array、Function等。
在JS中,对于基本数据类型的赋值、传参等操作,都是按值传递的,即复制一份值到新的变量中。而对于引用数据类型,赋值、传参等操作则是按引用传递的,即新的变量和原始变量指向同一个对象,对于其中一个变量的修改会影响到另一个变量。
因此,深拷贝和浅拷贝就是针对引用数据类型的复制方式而言的。
浅拷贝是指复制一个对象的引用,新的对象和原始对象共享同一块内存空间,对其中一个对象的修改会影响到另一个对象。常见的浅拷贝方式包括:Object.assign()、Array.slice()、Array.concat()等。
例如:
```
let obj1 = {a: 1, b: 2};
let obj2 = obj1;
obj2.a = 3;
console.log(obj1); // 输出 {a: 3, b: 2}
```
深拷贝是指复制一个对象的副本,新的对象和原始对象不共享内存空间,对其中一个对象的修改不会影响到另一个对象。常见的深拷贝方式包括:JSON.parse(JSON.stringify())、递归复制等。
例如:
```
let obj1 = {a: 1, b: {c: 2}};
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.b.c = 3;
console.log(obj1); // 输出 {a: 1, b: {c: 2}}
```
需要注意的是,使用JSON.parse(JSON.stringify())进行深拷贝时,会忽略对象中的函数、正则表达式等类型。此外,如果对象中存在循环引用,使用递归复制时也会导致死循环等问题。因此,在实际应用中,需要根据需要选择合适的拷贝方式。
阅读全文