js 数组对象深拷贝

在JavaScript中，数组对象的深拷贝通常需要特殊的处理，因为JavaScript的默认浅拷贝会保留引用，而不是复制值本身。这意味着如果数组中有对象作为元素，它们会被共享，而不是创建新的副本。以下是几种实现数组深拷贝的方法：

1. 使用`JSON.parse()`和`JSON.stringify()`: 这种方法适用于所有的JavaScript数据结构，包括数组。先将数组转换为JSON字符串，然后再解析回一个新的数组。

function deepCopyArray(arr) {
   return JSON.parse(JSON.stringify(arr));
}

2. 利用扩展运算符 `...` 和 `slice()`：这种方法利用了扩展运算符和数组的`slice()`方法创建新数组。

function deepCopyArray(arr) {
   return [...arr];
}

3. 使用递归函数：遍历数组并检查每个元素是否也是数组，如果是则递归地进行深拷贝。

function deepCopyArray(arr) {
   return arr.map(item => Array.isArray(item) ? deepCopyArray(item) : item);
}

相关问题

js实现对象数组的深拷贝

你可以使用以下方法来实现 JavaScript 对象数组的深拷贝：

1. 使用JSON.parse()和JSON.stringify()：这是一种简单的方法，利用JSON.stringify将对象数组转换为字符串，再使用JSON.parse将字符串转换回对象数组。这将创建一个新的对象数组，与原始对象数组完全独立。

var originalArray = [{name: 'John', age: 25}, {name: 'Jane', age: 30}];
var deepCopyArray = JSON.parse(JSON.stringify(originalArray));

2. 递归复制：如果你想自己实现深拷贝的逻辑，可以使用递归遍历对象数组的每个元素，并复制其属性到新的对象中。对于引用类型的属性，需要递归调用深拷贝函数。

function deepCopy(obj) {
  if (typeof obj !== 'object' || obj === null) {
    return obj;
  }
  
  var copy = Array.isArray(obj) ? [] : {};
  
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepCopy(obj[key]);
    }
  }
  
  return copy;
}

var originalArray = [{name: 'John', age: 25}, {name: 'Jane', age: 30}];
var deepCopyArray = deepCopy(originalArray);

这两种方法都可以实现对象数组的深拷贝，你可以根据具体需求选择适合的方法。

js 数组去重深拷贝

要在JavaScript中对数组进行去重和深拷贝，可以使用以下方法：

方法一：使用浅拷贝和includes方法进行去重
首先，对原数组进行深拷贝，以防止改变原数组。然后使用includes方法或indexOf方法判断数组中是否已经存在该元素，若不存在则将元素添加到新数组中。最后返回新数组作为去重后的结果。

const unique = (arr) => {
  const newArr = [];

  for (let i = 0; i < arr.length; i++) {
    const iValue = arr[i];

    if (!newArr.includes(iValue)) {
      newArr.push(iValue);
    }
  }

  return newArr;
};

const uniqueArr = unique(arr);
console.log(uniqueArr);

这个方法适用于普通的数组元素去重，但对于包含复杂对象或嵌套数组的情况可能无法正常工作。

方法二：使用深度比较进行去重
首先，对原数组进行深拷贝。然后使用findIndex方法和自定义的深度比较函数（deepEquals）判断数组中是否已经存在与当前元素相同的元素，若不存在则将当前元素添加到新数组中。最后返回新数组作为去重后的结果。

const unique = (arr) => {
  const newArr = [];

  for (let i = 0; i < arr.length; i++) {
    const iValue = arr[i];

    if (newArr.findIndex((item) => deepEquals(item, iValue)) === -1) {
      newArr.push(iValue);
    }
  }

  return newArr;
};

const uniqueArr = unique(arr);
console.log(uniqueArr);

这个方法可以处理包含复杂对象或嵌套数组的情况，但需要自定义一个深度比较函数（deepEquals），确保正确比较对象或数组的相等性。

请注意，以上方法仅供参考，具体实现可能因使用的编程语言版本和实际需求而有所不同。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [JS 数组去重方式](https://blog.csdn.net/qq_40228484/article/details/118584593)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]