JS数组截取不改变原数组|极客笔记

JS数组截取不改变原数组

在JavaScript中，数组是一种非常常见和重要的数据类型，经常需要对数组进行操作。其中，数组截取是一种常见的操作，用于获取数组中的部分元素。在进行数组截取时，有时候我们希望不改变原数组，而是创建一个新的数组来存储截取后的元素。本文将详细介绍如何在JavaScript中实现数组截取不改变原数组的功能。

1. 什么是数组截取

数组截取是指从数组中获取一段连续的元素，并返回一个新的数组。在JavaScript中，我们可以使用slice()方法来对数组进行截取。slice()方法接受两个参数，即截取的起始位置和结束位置（不包括结束位置的元素），并返回一个新的数组，原数组不会被修改。

下面是slice()方法的基本用法：

const arr = [1, 2, 3, 4, 5];

// 从索引为1开始截取到索引为3的元素
const newArr = arr.slice(1, 4);

console.log(newArr); // [2, 3, 4]
console.log(arr); // [1, 2, 3, 4, 5]

在上面的示例中，我们从索引为1开始，截取到索引为3的元素（不包括索引为3的元素），并将结果存储在新的数组newArr中。原数组arr保持不变。

2. 数组截取不改变原数组

虽然slice()方法可以实现数组截取，但这个方法仍然返回一个新的数组，并不会改变原数组。如果我们确实需要在不改变原数组的情况下进行截取，可以使用slice()方法结合ES6的扩展运算符(...)来实现。

下面是一个示例代码：

const arr = [1, 2, 3, 4, 5];

// 截取数组的前三个元素
const newArr = [...arr.slice(0, 3)];

console.log(newArr); // [1, 2, 3]
console.log(arr); // [1, 2, 3, 4, 5]

在上面的示例中，我们使用slice(0, 3)截取了数组arr的前三个元素，并将结果通过扩展运算符[...]存储在新的数组newArr中。原数组arr保持不变。

3. 示例代码

下面我们来看一个更具体的示例代码，演示如何在JavaScript中实现数组截取不改变原数组的功能：

const originalArr = [11, 22, 33, 44, 55];

function sliceArray(arr, start, end) {
  return [...arr.slice(start, end)];
}

const slicedArr = sliceArray(originalArr, 1, 4);

console.log(originalArr); // [11, 22, 33, 44, 55]
console.log(slicedArr);    // [22, 33, 44]

上面的代码中，我们定义了一个sliceArray函数，接受一个数组arr以及截取的起始位置start和结束位置end作为参数，返回截取后的新数组。通过调用sliceArray函数，我们实现了对原数组的截取而不改变原数组的目的。