es6数组深拷贝怎么实现

avatar
作者
猴君
阅读量:4

在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 中。

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!