温馨提示×

es6数组深拷贝怎么实现

es6
小亿
126
2023-11-10 17:31:38
栏目: 编程语言

在ES6中,可以使用数组的扩展运算符 ... 来实现数组的深拷贝。具体步骤如下:

  1. 创建一个新的数组变量,并使用扩展运算符 ... 将原始数组中的元素一一复制到新数组中。
  2. 对于原始数组中的每个元素,如果该元素是对象或数组,则递归调用深拷贝函数,将该元素进行深拷贝,并将拷贝后的值赋值给新数组中对应的位置。

以下是一个使用递归函数实现数组深拷贝的示例代码:

function deepCopyArray(arr) {
  // 创建一个新的数组变量
  let newArr = [];
  
  // 遍历原始数组中的每个元素
  for (let elem of arr) {
    // 如果元素是对象或数组,则递归调用深拷贝函数进行拷贝
    if (typeof elem === 'object' && elem !== null) {
      newArr.push(deepCopyArray(elem));
    } else {
      newArr.push(elem);
    }
  }
  
  return newArr;
}

// 测试
let arr1 = [1, 2, [3, 4]];
let arr2 = deepCopyArray(arr1);
console.log(arr2); // 输出 [1, 2, [3, 4]]
console.log(arr1 === arr2); // 输出 false
console.log(arr1[2] === arr2[2]); // 输出 false

在上述代码中,使用递归函数 deepCopyArray 来实现数组的深拷贝。该函数首先创建一个新的数组 newArr,然后遍历原始数组 arr 中的每个元素。对于每个元素,如果是对象或数组,则递归调用 deepCopyArray 函数进行深拷贝,并将结果添加到 newArr 中;如果是基本类型,则直接将其添加到 newArr 中。

需要注意的是,上述代码只能实现对数组的深拷贝,而不能对数组中的其他类型(如函数、正则表达式等)进行深拷贝。如果需要深拷贝其他类型的元素,可以在递归函数中加入相应的判断和处理逻辑。

0