js数组复制|极客笔记

js数组复制

在JavaScript中，数组是一种非常常用的数据类型，我们经常需要对数组进行复制操作。数组的复制可以分为浅拷贝和深拷贝两种方式。本文将分别介绍这两种方式，并提供一些示例代码帮助读者更好地理解数组复制的概念。

浅拷贝

浅拷贝是指将原数组的元素直接复制到新数组中，新数组中的元素和原数组中的元素指向的是同一个内存地址。当对新数组中的元素进行修改时，原数组中对应的元素也会发生变化。

下面是一个简单的示例代码，演示了如何进行数组的浅拷贝：

// 原数组
const originalArray = [1, 2, 3, 4, 5];

// 浅拷贝
const shallowCopyArray = originalArray.slice();

// 修改新数组中的元素
shallowCopyArray[0] = 100;

console.log(originalArray); // 输出 [1, 2, 3, 4, 5]
console.log(shallowCopyArray); // 输出 [100, 2, 3, 4, 5]

在上面的示例中，我们使用slice()方法对原数组进行了浅拷贝，并且修改了新数组中的第一个元素。可以看到，原数组并没有受到影响，而新数组发生了变化。

深拷贝

深拷贝是指完全复制原数组的所有元素到新数组中，新数组中的元素和原数组中的元素是完全独立的，彼此不会相互影响。

由于JavaScript中并没有内置的深拷贝方法，因此需要使用其他的方法来实现深拷贝。一种常见的深拷贝方法是使用JSON.parse()和JSON.stringify()方法结合起来。

下面是一个示例代码，演示了如何进行数组的深拷贝：

// 原数组
const originalArray = [[1, 2], [3, 4], [5, 6]];

// 深拷贝
const deepCopyArray = JSON.parse(JSON.stringify(originalArray));

// 修改新数组中的元素
deepCopyArray[0][0] = 100;

console.log(originalArray); // 输出 [[1, 2], [3, 4], [5, 6]]
console.log(deepCopyArray); // 输出 [[100, 2], [3, 4], [5, 6]]

在上面的示例中，我们使用JSON.parse()和JSON.stringify()方法对原数组进行了深拷贝，并且修改了新数组中的第一个元素的第一个值。可以看到，原数组没有发生变化，而新数组也只有被修改的元素发生了变化。