一、语法以及描述

说明:通过start 和 end对原数组进行浅拷贝(提取 start 至 end 索引的数组元素)
语法Array.slice([start[, end])
参数

  1. start : 开始索引
  2. 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);
// []
2. 有两个参数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"]

三、注意

  1. 如果之只传入一个大于数组长度的参数,则返回一个空数组
  2. 无论是如何提取数组元素,原数组始终保持不变
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐