JavaScript Array slice() 方法
JavaScript基础 2022-05-13 16:29:54小码哥的IT人生shichen
JavaScript Array slice() 方法
实例
从数组中选择元素：
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>Array.slice() 方法从数组中返回选定的元素，作为一个新数组。</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
document.getElementById("demo").innerHTML = citrus;
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 实例。
定义和用法
slice() 方法以新的数组对象，返回数组中被选中的元素。
slice() 方法选择从给定的 start 参数开始的元素，并在给定的 end 参数处结束，但不包括。
注释：slice() 方法不会改变原始数组。
浏览器支持
所有浏览器都完全支持 slice() 方法：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |
语法
array.slice(start, end)
参数值
| 参数 | 描述 |
|---|---|
| start |
可选。整数，指定从哪里开始选择（第一个元素的索引为 0）。 使用负数从数组的末尾进行选择。如果省略，则类似于 "0"。 |
| end |
可选。整数，指定结束选择的位置。 如果省略，将选择从开始位置到数组末尾的所有元素。使用负数从数组末尾进行选择。 |
技术细节
| 返回值： | 新的数组，包含选定的元素。 |
|---|---|
| JavaScript 版本： | ECMAScript 1 |
更多实例
使用负值选择元素：
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var myBest = fruits.slice(-3, -1);
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>请单击按钮，以使用负数参数提取第三个和第四个元素。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var myBest = fruits.slice(-3, -1);
document.getElementById("demo").innerHTML = myBest;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
