深圳网站建设骏域网站建设舆情系统
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"]三、注意
如果之只传入一个大于数组长度的参数，则返回一个空数组
无论是如何提取数组元素，原数组始终保持不变