slice方法

最新推荐文章于 2025-05-10 15:45:24 发布

结果才重要

最新推荐文章于 2025-05-10 15:45:24 发布

阅读量708

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_60237095/article/details/129421508

文章详细介绍了JavaScript数组的slice方法，强调了它不会修改原数组，而是返回一个新的数组。slice方法可以根据提供的开始和结束索引提取数组的一部分，并提供了处理负数索引和大于数组长度的参数值的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

slice方法与splice方法相比slice方法不会修改原数组

一、语法以及描述

说明：通过start 和 end对原数组进行浅拷贝（提取 start 至 end 索引的数组元素）

语法：Array.slice([start[, end])

参数：

start : 开始索引

end : 结束索引

返回值：返回一个新的数组

是否改变原数组：否

二、参数

1. 无参数

说明：从起始处索引（0）开始提取数组元素，直至结束

返回值：从起始处索引到结束索引的所有数组元素

原数组：不发生任何变化

示例

var arr = ['A', 'B', 'C', 'D'];
var res = arr.slice()

console.log('arr', arr);
// ['A', 'B', 'C', 'D']
console.log('res', res);
// ['A', 'B', 'C', 'D']

2. 只有一个参数start

说明：从 start 索引开始提取数组元素，直至结束

负数 : 表示从倒数 start 索引开始提取数组元素

正数 : 从 start 索引开始提取数组元素，直至结束

返回值：从 start 索引到结束索引的所有数组元素，如果 start 大于原数组长度，则返回空数组

原数组：不发生任何变化

示例

// 1. 正数
var arr = ['A', 'B', 'C', 'D'];
var res = arr.slice(1)

console.log('arr', arr);
// ['A', 'B', 'C', 'D']
console.log('res', res);
// ["B", "C", "D"]

// 2. 负数
var arr = ['A', 'B', 'C', 'D'];
var res = arr.slice(-1)

console.log('arr', arr);
// ['A', 'B', 'C', 'D']
console.log('res', res);
// ["D"]

// 3. 大于数组长度的值
var arr = ['A', 'B', 'C', 'D'];
var res = arr.slice(6)

console.log('arr', arr);
// ['A', 'B', 'C', 'D']
console.log('res', res);
// []

3. 有两个参数start、end

说明：从 start 索引开始提取数组元素，直至 end 索引（包括 start，但不包括 end）

返回值：从 start 索引到 end 索引的所有数组元素

原数组：不发生任何变化

示例

var arr = ['A', 'B', 'C', 'D'];
var res = arr.slice(1, 3)

console.log('arr', arr);
// ["A", "B", "C", "D"]
console.log('res', res);
// ["B", "C"]

三、注意

如果之只传入一个大于数组长度的参数，则返回一个空数组

无论是如何提取数组元素，原数组始终保持不变