JavaScript Array数组slice方法的使用

红太狼 2021-07-24 12:28 479阅读 0赞

# **语法：** #

arr.slice([begin[, end]])

### **`begin` 可选** ###

从该索引开始提取原数组元素，如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取。

此参数缺省为0，如果 `begin` 超出原数组的索引范围，则会返回空数组。

### **`end` 可选** ###

在该索引处结束提取原数组元素，`slice` 会提取原数组中索引从 `begin` 到 `end` 的所有元素（包含 `begin`，但不包含 `end`）。

`如：slice(0,2)` 会提取原数组中从第1个元素开始到第3元素之间的（不包含第3个元素）所有元素 （即索引为 0，1的元素）。

如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 `slice(-2,-1)` 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。

如果 `end` 被省略或者大于数组的长度，则 `slice` 会一直提取到原数组末尾。

### 返回值 ###

一个含有被提取元素的新数组。

实例1：

var arr = [1,2,3,4,5]
    var newArr = arr.slice();//与arr.slice(0)是一样的效果
    console.log("原数组",arr);
    console.log("返回值",newArr);

输出：

原数组 (5) [1, 2, 3, 4, 5]
    返回值 (5) [1, 2, 3, 4, 5]

因为arr.slice() 是两个参数都缺省，等于begin是0，end缺省会取到数组结尾，所以会取到跟原数组一样的新数组。

实例2：

var arr = [1,2,3,4,5]
    var newArr = arr.slice(1);
    console.log("原数组",arr);
    console.log("返回值",newArr);

输出：

原数组 (5) [1, 2, 3, 4, 5]
    返回值 (4) [2, 3, 4, 5]

arr.slice(1)等于是从索引1开始取到数组结尾，总4个元素\[2,3,4,5\]。

实例3：

var arr = [1,2,3,4,5]
    var newArr = arr.slice(1,3);
    console.log("原数组",arr);
    console.log("返回值",newArr);

输出：

原数组 (5) [1, 2, 3, 4, 5]
    返回值 (2) [2, 3]

arr.slice(1,3) 取索引1-3直接的元素，包含1但不包含3，也就是索引1,2所对应的元素，故返回\[2,3\]

发表评论取消回复

表情：

评论列表（有 0 条评论，479人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript中Array(数组)的slice()函数

[JavaScript slice()方法][JavaScript slice] 直接上代码和截图 <!DOCTYPE html> <html>

以你之姓@/ 2022年11月06日 09:51/ 0 赞/ 200 阅读

相关数组分块函数array_chunk和array_slice

在一些场景，例如当查询出的一个数组列表元素过大时，再次进行查询效率会变慢这时候需要进行分块然后分批查询可以使用array\_chunk分块 ![在这里插入图片描述]

小鱼儿/ 2022年11月04日 12:26/ 0 赞/ 228 阅读

相关 javascript中数组对象的slice()方法

<html> <head> <title>数组对象的slice()方法</title> <script>

小咪咪/ 2022年09月19日 05:30/ 0 赞/ 220 阅读

相关 php array函数 array_slice截取数组

array\_slice($arr,0,3) //获取键值0-3的数组元素 ![70][] 更多：http://www.php100.com/cover/php/19

迷南。/ 2022年05月23日 08:43/ 0 赞/ 382 阅读

相关 go 数组(array)、切片(slice)、map

go 数组(array)、切片(slice)、map 数组(array) go语言中的数组是固定长度的。使用前必须指定数组长度。 go语言中数组是值类型。如果将数

亦凉/ 2022年05月21日 01:24/ 0 赞/ 397 阅读

相关 JS--JavaScript数组Array(join、split、reverse、concat、slice)详解

JavaScript数组数组（Array）是一组有序数据集合，拥有大量方法，适合完成一些复杂的运算。定义数组定义数组通过构造函数Array()和运算符new

小灰灰/ 2021年08月13日 11:52/ 0 赞/ 440 阅读

相关 JavaScript Array数组splice方法的使用

语法 array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) start 指定修改

淩亂°似流年/ 2021年07月24日 22:26/ 0 赞/ 535 阅读

相关 JavaScript Array数组concat方法的使用

语法 var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])

落日映苍穹つ/ 2021年07月24日 20:01/ 0 赞/ 465 阅读

相关 JavaScript Array数组sort方法的使用

语法 array.sort(sortby) array：需排序的数组 sortby：排序的函数（可选），如果没传则数组不做任何变动。 sor

快来打我*/ 2021年07月24日 17:17/ 0 赞/ 512 阅读

相关 JavaScript Array数组slice方法的使用

语法： arr.slice([begin[, end]]) `begin` 可选从该索引开始提取原数组元素，如果该参数为负数，则表示从原数组

红太狼/ 2021年07月24日 12:28/ 0 赞/ 480 阅读