千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > js截取数组:使用splice()和slice()方法

js截取数组:使用splice()和slice()方法

来源:千锋教育
发布人:yyy
时间: 2023-06-20 10:14:00 1687227240

  在 JavaScript 中,有两种常用的方法可以截取数组的部分元素:`splice()` 和 `slice()`。

  1. 使用 `splice()` 方法截取数组:

  `splice()` 方法用于从数组中删除、替换或插入元素,并返回被删除的元素组成的数组。当只需要截取数组的一部分时,可以使用 `splice()` 方法来实现。`splice()` 方法接受两个参数:起始索引和截取长度。

  - 如果只指定起始索引,则会从该索引开始截取到数组末尾。

  - 如果同时指定起始索引和截取长度,则会从起始索引开始截取指定长度的元素。

  - `splice()` 方法会修改原始数组。

  示例:

let arr = [1, 2, 3, 4, 5];
// 从索引 2 开始截取到末尾
let result1 = arr.splice(2);
console.log(result1); // 输出:[3, 4, 5]
console.log(arr); // 输出:[1, 2]
// 从索引 1 开始截取 3 个元素
let result2 = arr.splice(1, 3);
console.log(result2); // 输出:[2]
console.log(arr); // 输出:[1]

   2. 使用 `slice()` 方法截取数组:

  `slice()` 方法返回一个新数组,包含从原始数组中截取的指定部分元素,而不会修改原始数组。`slice()` 方法接受两个参数:起始索引和结束索引(不包含在截取结果中)。

  - 如果只指定起始索引,则会从该索引开始截取到数组末尾。

  - 如果同时指定起始索引和结束索引,则会截取从起始索引到结束索引之间的元素。

  - `slice()` 方法不会修改原始数组。

  示例:

let arr = [1, 2, 3, 4, 5];
// 从索引 2 开始截取到末尾
let result1 = arr.slice(2);
console.log(result1); // 输出:[3, 4, 5]
console.log(arr); // 输出:[1, 2, 3, 4, 5]
// 从索引 1 开始截取到索引 4(不包含索引 4)
let result2 = arr.slice(1, 4);
console.log(result2); // 输出:[2, 3, 4]
console.log(arr); // 输出:[1, 2, 3, 4, 5]

   需要注意的是,`splice()` 方法会修改原始数组,而 `slice()` 方法则返回一个新的数组,不会修改原始数组。根据具体的需求和对原始数组的影响,选择适合的方法来截取数组的部分元素。

tags: js
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT