JavaScript Array slice() 方法

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意： slice() 方法不会改变原始数组。

语法

array.slice(start, end)

参数 Values

返回值

浏览器支持

所有主流浏览器都支持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

以上关于JavaScript Array slice() 方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。