定义和用法
slice() 方法可从已有的数组中返回选定的元素。
slice()
方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
注意: slice()
方法不会改变原始数组。
语法
array.slice(start, end)
参数 Values
参数 | 描述 |
---|---|
start | 可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。 |
end | 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。 |
返回值
Type | 描述 |
---|---|
Array | 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 |
浏览器支持
所有主流浏览器都支持slice()
方法。
实例 1
在数组中读取元素:
<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>
输出结果:Orange,Lemon
实例 2
使用负值从数组中读取元素:
<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>
输出结果:
Lemon,Apple
Lemon,Apple,Mango
实例 3
截取字符串:
<p>使用 slice() 截取字符串。</p> <script> var str="mybj123.com!"; document.write(str.slice(4)+"<br>"); // 从第 5 个字符开始截取到末尾 document.write(str.slice(4,10)); // 从第 5 个字符开始截取到第 10 个字符 </script>
输出结果:
mybj123.com!
mybj12