📅  最后修改于: 2023-12-03 15:22:32.365000             🧑  作者: Mango
在 Javascript 中,克隆数组是一种十分常见的操作,可以用来复制一个数组,以便对其进行操作时不影响原数组。在这篇文章中,我们将介绍几种常见的克隆数组的方法。
slice()
// 原数组
const arr = [1, 2, 3];
// 克隆数组
const cloneArr = arr.slice();
// 输出
console.log(cloneArr); // [1, 2, 3]
slice()
方法不会修改原数组,而是返回一个新的数组,新数组的元素和原数组相同。由于 slice()
方法返回的是一个新的数组,因此它是一种非常安全的克隆数组的方法。
// 原数组
const arr = [1, 2, 3];
// 克隆数组
const cloneArr = [...arr];
// 输出
console.log(cloneArr); // [1, 2, 3]
扩展运算符 ...
可以将一个可迭代对象(如数组)转换成用逗号分隔的参数序列。因此,使用 ...
运算符可以很方便地克隆一个数组。
concat()
// 原数组
const arr = [1, 2, 3];
// 克隆数组
const cloneArr = arr.concat();
// 输出
console.log(cloneArr); // [1, 2, 3]
concat()
方法可以用于合并两个或多个数组。当它没有参数时,会返回一个新的数组,该数组包含原数组的所有元素。因此,使用 concat()
方法也可以很方便地克隆一个数组。
splice()
// 原数组
const arr = [1, 2, 3];
// 克隆数组
const cloneArr = arr.splice(0);
// 输出
console.log(cloneArr); // [1, 2, 3]
splice()
方法可以用于删除数组的元素,并将这些元素作为一个新数组返回。当它没有第二个参数时,会从指定的位置开始删除直到数组末尾,并返回删除的元素。因此,使用 splice()
方法也可以很方便地克隆一个数组。
以上是几种常见的克隆数组的方法。这些方法都能够很方便地克隆一个数组,并且不会影响原数组。在实际开发中,我们可以根据具体情况选择其中的一种或多种方法来克隆数组。