js数组深拷贝和浅拷贝
时间: 2023-08-17 17:08:12 浏览: 133
javascript中数组深拷贝途径及对象数组深拷贝
5星 · 资源好评率100%
JavaScript中的数组拷贝分为深拷贝和浅拷贝两种方式。
浅拷贝指的是创建一个新的数组,新数组中的元素是原数组中的引用。也就是说,当原数组中的元素发生变化时,新数组中的对应元素也会随之变化。常见的浅拷贝方式包括使用slice()、concat()、扩展运算符(...)等。
例如:
```javascript
let arr1 = [1, 2, 3];
let arr2 = arr1.slice(); // 浅拷贝
arr2[0] = 4;
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [4, 2, 3]
```
深拷贝指的是创建一个新的数组,并且新数组中的元素是原数组中元素的副本。也就是说,当原数组中的元素发生变化时,新数组中的对应元素不受影响。常见的深拷贝方式包括使用JSON.parse(JSON.stringify(arr))、递归复制等。
例如:
```javascript
let arr1 = [1, 2, 3];
let arr2 = JSON.parse(JSON.stringify(arr1)); // 深拷贝
arr2[0] = 4;
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [4, 2, 3]
```
需要注意的是,使用JSON.stringify和JSON.parse进行深拷贝时,会忽略undefined、function、symbol和循环引用等情况。在一些特殊情况下,可能需要使用其他深拷贝的方式来处理。
阅读全文