js数组深拷贝和浅拷贝的方法
时间: 2023-09-11 08:12:39 浏览: 47
深拷贝和浅拷贝是在 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);
```
这些是常见的浅拷贝和深拷贝方法,根据实际需求选择合适的方法来进行数组的拷贝操作。