什么是JavaScript中的Slice()方法?

1,879 阅读3分钟

JavaScript是用来使网站动态和更多互动的语言。在任何编程语言中,数组在存储数据和管理不同类型的数据方面发挥着重要作用。开发人员经常需要过滤掉数组,合并多个数组,并从数组中推送或弹出元素,以完成所需的任务。在这篇文章中,我们了解到一个著名的数组的函数,"slice()"。

什么是JavaScript中的slice()方法?

slice()方法用于从给定的起始索引到给定的结束索引获取数组中的一些特定元素。

slice()方法的语法

slice方法需要两个参数作为参数,并提供被切片的数组。下面给出了编写slice()函数的语法。

arrayName.slice(startingIndex, endingIndex)。

  • slice()方法不影响原数组,返回一个新的切片数组。
  • 给定范围内的索引的最后一个元素不包括在结果数组中。

让我们试着对几个数组进行切片,以便更好地理解slice()函数。

注意:我们将使用浏览器控制台来演示本篇文章中执行的例子。要打开浏览器的控制台。

  • 在Chrome和其他基于chromium的浏览器中使用F12键。
  • 在Mozilla使用CTRL + SHIFT + K键盘快捷键。
  • 在Safari浏览器中使用Option + ⌘ + C键盘快捷键(如果没有出现开发者菜单,请按⌘ + 打开偏好设置,并在高级标签中勾选 "在菜单栏中显示开发菜单")。

如何在JavaScript中使用slice()方法

假设我们有一个不同编程语言的数组。

var arr = ["Java", "Python", "C", "C++", "C#", "JavaScript", "Perl", "Swift"];

我们想得到从第二个索引到第五个索引的语言名称。得到这样一个结果的语法是这样的。

var slicedArr = arr.slice(2,5);

现在,如果我们对slicedArr进行控制。

console.log(slicedArr);

你可以看到,我们已经得到了从第二索引到第五索引的三个元素。

注意。

  • 数组的索引从零开始
  • 如前所述,第五个元素,即索引范围内的最后一个元素,并不包括在结果数组中。

如何从数组的末端切分

我们也可以通过向slice函数提供负值从数组的末端提取元素。

负0(-0)将被视为数组的最后一个元素,负1(-1)将被视为数组的第二个最后一个元素,以此类推。

例如,我们有一个编程语言的数组。

var arr = ["Java", "Python", "C", "C++", "C#", "JavaScript", "Perl", "Swift"];

我们想获得从最后第四个索引到最后第二个索引的元素。得到这样一个结果的slice()函数将是这样的。

var slicedArr = arr.slice(-4,-1);

为了验证,请在控制台查看slicedArr

console.log(slicedArr);

我们得到了与我们预期完全相同的结果。所以这就是我们如何使用负值从数组的末端提取元素。

总结

slice() 是JavaScript中一个内置的数组方法,用于从一个数组中找到并分离一个元素子集。它需要两个参数:新切片数组的起始元素的索引和新数组的最后一个元素旁边的元素的索引。当我们在代码中需要数组中的特定元素时,这个方法非常有用。

我们在本指南中学习了如何使用slice()方法从一个数组中获得一个元素子集。