js数组的深拷贝和浅拷贝

JavaScript 中的数组拷贝分为浅拷贝和深拷贝两种方式：

1.浅拷贝：
浅拷贝只是拷贝了对象或数组的引用，两个变量指向同一个内存地址，修改其中一个，另一个也会随之修改。常见的实现方式有：Object.assign()、Array.slice()等。

2.深拷贝：
深拷贝会在堆内存中开辟新的空间存储复制的数据，两个变量指向不同的内存地址，修改其中一个不会影响另一个。常见的实现方式有：JSON.parse(JSON.stringify(obj))、递归实现、第三方库如 lodash 等。

需要注意的是，使用 JSON.parse(JSON.stringify(obj)) 深拷贝时，会忽略 undefined、function、symbol 三种类型的属性。

相关问题

js数组深拷贝和浅拷贝的方法

深拷贝和浅拷贝是在 JavaScript 中操作数组时常用的两种拷贝方式。

浅拷贝是创建一个新的数组，将原数组的元素复制到新数组中。但是，如果原数组中的元素是对象或数组，那么新数组中的对应元素仍然会引用原数组中的对象或数组。这意味着修改新数组中的元素也会影响到原数组。常见的浅拷贝方法有：

1. 使用 Array.prototype.slice() 方法：

var shallowCopy = originalArray.slice();

2. 使用 Array.prototype.concat() 方法：

var shallowCopy = [].concat(originalArray);

3. 使用 ES6 的扩展运算符（...）：

var shallowCopy = [...originalArray];

深拷贝是创建一个全新的数组，将原数组中的所有元素递归地复制到新数组中。这样就可以避免修改新数组中的元素对原数组产生影响。常见的深拷贝方法有：

1. 使用 JSON 对象的方法：

var deepCopy = JSON.parse(JSON.stringify(originalArray));

注意：这种方法只适用于能够被序列化为 JSON 的对象，对于包含函数、正则表达式等特殊对象可能会出现问题。

2. 使用递归进行深拷贝：

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);

这些是常见的浅拷贝和深拷贝方法，根据实际需求选择合适的方法来进行数组的拷贝操作。

js数组深拷贝

在JavaScript中，数组的深拷贝可以使用多种方式实现，以下是其中的几种方法：

1. 使用JSON.parse()和JSON.stringify()

let arr1 = [1, 2, [3, 4]];
let arr2 = JSON.parse(JSON.stringify(arr1));

该方法将数组先转换为JSON字符串，然后再将其解析为数组对象，从而实现深拷贝。但是，该方法有一些限制：它不能复制函数、RegExp对象等。

2. 使用递归实现深拷贝

function deepClone(obj) {
    if (obj === null || typeof obj !== 'object') {
        return obj;
    }
    let newObj = Array.isArray(obj) ? [] : {};
    for (let key in obj) {
        newObj[key] = deepClone(obj[key]);
    }
    return newObj;
}
let arr1 = [1, 2, [3, 4]];
let arr2 = deepClone(arr1);

该方法通过递归实现深拷贝，可以复制所有类型的对象，但是存在一些缺点：它不能复制循环引用的对象，而且对于一些特殊的对象，比如Date、RegExp等，需要特殊处理。

3. 使用ES6的扩展运算符

let arr1 = [1, 2, [3, 4]];
let arr2 = [...arr1];

该方法使用ES6的扩展运算符可以简单地实现数组的浅拷贝，但是对于多维数组或对象数组，需要使用递归或其他方法实现。

以上是几种实现数组深拷贝的方法，具体使用哪种方法取决于具体的情况。