返回到：JavaScript对象：JavaScript Array 对象
定义和用法
slice() 方法可从已有的数组中返回选定的元素。
slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
注意： slice() 方法不会改变原始数组。
所有主要浏览器都支持slice()。
语法
array.slice(start, end)参数 Values
| 参数 | 描述 |
|---|---|
| start | 可选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。 |
| end | 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。 |
返回值
| Type | 描述 |
|---|---|
| Array | 返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。 |
技术细节
| JavaScript 版本: | 1.2 |
|---|
实例
DEMO1：在数组中读取元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>
<p id="demo">点击按钮截取数组下标 1 到 2 的元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
var x=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
</body>
</html>
DEMO2：使用负值从数组中读取元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>
<p id="demo">点击按钮截取第三个和第四个元素，使用负数。</p>
<p id="demo2">这里显示截取最后三个元素，使用负数。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var myBest = fruits.slice(-3,-1);
var myBest2 = fruits.slice(-3);
var x=document.getElementById("demo");
x.innerHTML=myBest;
var x2=document.getElementById("demo2");
x2.innerHTML=myBest2;
}
</script>
</body>
</html>
DEMO3：截取字符串。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(Web176.com)</title> </head> <body> <p>使用 slice() 截取字符串。</p> <script> var str="www.runoob.com!"; document.write(str.slice(4)+"<br>"); // 从第 5 个字符开始截取到末尾 document.write(str.slice(4,10)); // 从第 5 个字符开始截取到第10个字符 </script> </body> </html>
作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/jsarrtips/3471.html
