📜  如何在 ES6 中克隆数组?(1)

📅  最后修改于: 2023-12-03 15:08:36.334000             🧑  作者: Mango

如何在 ES6 中克隆数组?

在 ES6 中,数组的克隆有多种方法,包括展开运算符、Object.assign()、Array.from()等。下面我们将逐一介绍这些方法的使用。

1. 展开运算符

展开运算符可以将一个数组展开成多个元素,然后再将这些元素填入到一个新的数组中,从而实现克隆的效果。示例代码如下:

const arr1 = [1, 2, 3];
const arr2 = [...arr1]; // 克隆数组
2. Array.from()

Array.from() 方法可以将一个类数组对象或可迭代对象转换为一个新的数组。由于数组也是可迭代对象,因此我们可以使用 Array.from() 方法来克隆一个数组。示例代码如下:

const arr1 = [1, 2, 3];
const arr2 = Array.from(arr1); // 克隆数组
3. Object.assign()

Object.assign() 方法可以将一个或多个源对象的属性复制到一个目标对象中。由于数组也是对象,因此我们可以使用 Object.assign() 方法来克隆一个数组。示例代码如下:

const arr1 = [1, 2, 3];
const arr2 = Object.assign([], arr1); // 克隆数组

需要注意的是,如果将源对象中的属性复制到目标对象中时存在同名的属性,则会覆盖目标对象中的属性。

总结

以上介绍了三种在 ES6 中克隆数组的方法,它们分别是展开运算符、Array.from()、Object.assign()。在实际开发中,你可以根据具体的需求来选择使用哪种方法进行数组的克隆。