js数组的深拷贝和浅拷贝
时间: 2024-06-18 14:03:30 浏览: 11
JavaScript 中的数组拷贝分为浅拷贝和深拷贝两种方式:
1.浅拷贝:
浅拷贝只是拷贝了对象或数组的引用,两个变量指向同一个内存地址,修改其中一个,另一个也会随之修改。常见的实现方式有:Object.assign()、Array.slice()等。
2.深拷贝:
深拷贝会在堆内存中开辟新的空间存储复制的数据,两个变量指向不同的内存地址,修改其中一个不会影响另一个。常见的实现方式有:JSON.parse(JSON.stringify(obj))、递归实现、第三方库如 lodash 等。
需要注意的是,使用 JSON.parse(JSON.stringify(obj)) 深拷贝时,会忽略 undefined、function、symbol 三种类型的属性。
相关问题
js数组深拷贝和浅拷贝
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和循环引用等情况。在一些特殊情况下,可能需要使用其他深拷贝的方式来处理。
js数组深拷贝和浅拷贝的方法
深拷贝和浅拷贝是在 JavaScript 中操作数组时常用的两种拷贝方式。
浅拷贝是创建一个新的数组,将原数组的元素复制到新数组中。但是,如果原数组中的元素是对象或数组,那么新数组中的对应元素仍然会引用原数组中的对象或数组。这意味着修改新数组中的元素也会影响到原数组。常见的浅拷贝方法有:
1. 使用 Array.prototype.slice() 方法:
```javascript
var shallowCopy = originalArray.slice();
```
2. 使用 Array.prototype.concat() 方法:
```javascript
var shallowCopy = [].concat(originalArray);
```
3. 使用 ES6 的扩展运算符(...):
```javascript
var shallowCopy = [...originalArray];
```
深拷贝是创建一个全新的数组,将原数组中的所有元素递归地复制到新数组中。这样就可以避免修改新数组中的元素对原数组产生影响。常见的深拷贝方法有:
1. 使用 JSON 对象的方法:
```javascript
var deepCopy = JSON.parse(JSON.stringify(originalArray));
```
注意:这种方法只适用于能够被序列化为 JSON 的对象,对于包含函数、正则表达式等特殊对象可能会出现问题。
2. 使用递归进行深拷贝:
```javascript
function deepClone(source) {
if (typeof source !== 'object' || source === null) {
return source;
}
var target = Array.isArray(source) ? [] : {};
for (var key in source) {
if (source.hasOwnProperty(key)) {
target[key] = deepClone(source[key]);
}
}
return target;
}
var deepCopy = deepClone(originalArray);
```
这些是常见的浅拷贝和深拷贝方法,根据实际需求选择合适的方法来进行数组的拷贝操作。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)