JavaScript Array slice() 方法

目录
文章目录隐藏
  1. 定义和用法
  2. 语法
  3. 参数 Values
  4. 返回值
  5. 浏览器支持
  6. 实例 1
  7. 实例 2
  8. 实例 3

定义和用法

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

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

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

语法

array.slice(start, end)

参数 Values

参数 描述
start 可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。

返回值

Type 描述
Array 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

浏览器支持

所有主流浏览器都支持slice()方法。

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

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » JavaScript Array slice() 方法

发表回复