Array.prototype.slice()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
slice()
方法返回一个新的数组对象,这一对象是一个由 start
和 end
决定的原数组的浅拷贝(包括 start
,不包括 end
),其中 start
和 end
代表了数组元素的索引。原始数组不会被改变。
尝试一下
语法
js
slice()
slice(start)
slice(start, end)
参数
start
可选-
提取起始处的索引(从
0
开始),会转换为整数。- 如果索引是负数,则从数组末尾开始计算——如果
start < 0
,则使用start + array.length
。 - 如果
start < -array.length
或者省略了start
,则使用0
。 - 如果
start >= array.length
,则不提取任何元素。
- 如果索引是负数,则从数组末尾开始计算——如果
end
可选-
提取终止处的索引(从
0
开始),会转换为整数。slice()
会提取到但不包括end
的位置。- 如果索引是负数,则从数组末尾开始计算——如果
end < 0
,则使用end + array.length
。 - 如果
end < -array.length
,则使用0
。 - 如果
end >= array.length
或者省略了end
,则使用array.length
,提取所有元素直到末尾。 - 如果
end
在规范化后小于或等于start
,则不提取任何元素。
- 如果索引是负数,则从数组末尾开始计算——如果
返回值
一个含有被提取元素的新数组。
描述
示例
返回现有数组的一部分
js
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
// fruits 包含 ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus 包含 ['Orange','Lemon']
使用 slice
在下例中,slice
从 myCar
创建了一个新数组 newCar
。两个数组都包含了一个 myHonda
对象的引用。当 myHonda
的 color
属性改变为 purple
,则两个数组中的对应元素都会随之改变。
js
// 使用 slice 方法从 myCar 创建一个 newCar。
const myHonda = {
color: "red",
wheels: 4,
engine: { cylinders: 4, size: 2.2 },
};
const myCar = [myHonda, 2, "cherry condition", "purchased 1997"];
const newCar = myCar.slice(0, 2);
console.log("myCar =", myCar);
console.log("newCar =", newCar);
console.log("myCar[0].color =", myCar[0].color);
console.log("newCar[0].color =", newCar[0].color);
// 改变 myHonda 对象的 color。
myHonda.color = "purple";
console.log("The new color of my Honda is", myHonda.color);
console.log("myCar[0].color =", myCar[0].color);
console.log("newCar[0].color =", newCar[0].color);
上述代码输出:
js
myCar = [
{ color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } },
2,
'cherry condition',
'purchased 1997'
]
newCar = [ { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } }, 2 ]
myCar[0].color = red
newCar[0].color = red
The new color of my Honda is purple
myCar[0].color = purple
newCar[0].color = purple
在类数组对象上调用 slice()
slice()
方法会读取 this
对象的 length
属性,然后从 start
到 end
读取整数键属性,并将它们定义在一个新创建的数组中。
js
const arrayLike = {
length: 3,
0: 2,
1: 3,
2: 4,
};
console.log(Array.prototype.slice.call(arrayLike, 1, 3));
// [ 3, 4 ]
使用 slice() 把类数组对象转化为数组
在稀疏数组上使用 slice()
如果源数组是稀疏数组,slice()
方法返回的数组也会是稀疏数组。
js
console.log([1, 2, , 4, 5].slice(1, 4)); // [2, empty, 4]
规范
Specification |
---|
ECMAScript Language Specification # sec-array.prototype.slice |
浏览器兼容性
BCD tables only load in the browser