在JavaScript中，数组是编程语言可以提供的一些最有用的数据结构。

像其他编程语言一样，JavaScript数组可用于存储数据。但是，JavaScript 数组有一个独特的好处。在其他编程语言中，数组中只能存储一种类型的数据。在 JavaScript 中，您可以同时存储不同类型的数据。

在本文中，您将了解切片函数的作用、如何在不同场景中使用它，以及它的一些属性和方法。让我们开始吧。

立即下载：Java & JavaScript 简介

JavaScript 数组切片有什么作用？

JavaScript 数组是 JavaScript 开发人员中使用最广泛的数据结构，具有各种各样的数组操作库函数。JavaScript 中的 slice（） 方法能够将数组中的一部分项目浅拷贝成一个全新的数组对象。

一旦函数执行结束，此函数将返回一个全新的数组，而不对原始数组进行任何更改。

如何创建 JavaScript 数组切片

JavaScript 中的数组 slice（） 方法最多接受两个可选参数，这两个参数都是从零开始的索引。此函数的语法如下：

array.slice（start， end）

• S馅饼（可选）。 第一个参数是起始参数。这是将从中复制项目的数组的起始索引。
• 结束（可选）。第二个参数是数组索引的末尾。
• 返回值。此方法返回一个包含所选元素的新数组。

JavaScript 数组切片的实际应用

如上所述，slice（） 函数有两个可选参数。让我们探讨一下使用这些可选参数的不同示例。

不带参数的语法

var array1 = ['mango', 'orange', 'pineapple', 'apple', 'grapes'];var array2 = array1.slice();console.log(array2);// array2 contains mango, orange, pineapple, apple, grapes

第一个参数是可选的，默认值为 0，这意味着如果未指定此参数，数组项将从数组的开头开始复制。

第二个参数是数组索引的末尾，项目将被复制到该索引。请注意，此索引值处存在的项不会复制到返回数组中。

与第一个参数一样，这也是可选的，其默认值为应用切片方法的数组长度。将复制最后一个索引之前的所有项目。

根据上面的例子，array1.slice（） 等价于 array1.slice（0，5）。总结到这里，没有参数的slice（）函数将所有数组项从头到尾复制到一个新数组中。

带参数的语法

例 1

var array1 = ['mango', 'orange', 'pineapple', 'apple', 'grapes'];var array2 = array1.slice(0,2);console.log(array2);// now array2 contains mango and orange.

slice（） 函数具有开始参数 0 和结束参数 2，这意味着它返回从数组的索引 0 开始的 2 个项目。

例 2

var array1 = ['mango', 'orange', 'pineapple', 'apple', 'grapes'];var array2 = array1.slice(1,4);console.log(array2);// now array2 contains orange, pineapple, apple.

在此示例中，切片函数采用参数 1 和 4。它将从第二项到第四项对数组进行切片。

例 3

var array1 = ['mango', 'orange', 'pineapple', 'apple', 'grapes'];var array2 = array1.slice(1,10);console.log(array2);// now array2 contains orange, pineapple, apple, grapes.

如果 end 参数大于数组的长度，则切片将返回一个数组，其中包含与数组长度相等的项目。

例 4

var array1 = ['mango', 'orange', 'pineapple', 'apple', 'grapes'];var array2 = array1.slice(1);console.log(array2);// now array2 contains orange, pineapple, apple, grapes.

在这种情况下，切片函数只有一个启动参数。end 参数将默认为数组的长度。这类似于我们在前面示例中的情况，其中 end 参数大于数组的长度。

例 5

var array1 = ['mango', 'orange', 'pineapple', 'apple', 'grapes'];var array2 = array1.slice(-2);console.log(array2);// now array2 contains apple, grapes.

如果我们使用负索引值作为参数，该函数将指示从数组末尾的偏移量。然后，该函数将从数组中返回最后两个元素。

开始使用 JavaScript 数组切片。

使用 javascript 数组切片时，请记住此函数不会修改原始数组。这样，程序员就不用再去跟踪原始数组的状态了。然后，新数组将在函数执行结束时返回。

设置示例并开始练习。很快，您将能够在代码中使用数组切片方法。