首页 > web前端 > js教程 > JavaScript从已有的数组中返回选定的元素的slice() 方法

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

黄舟
发布: 2017-11-03 13:18:35
原创
1366 人浏览过

定义和用法

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

语法

arrayObject.slice(start,end)
登录后复制
参数描述
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值

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

说明

请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

提示和注释

注释:您可使用负值从数组的尾部选取元素。

注释:如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

实例

例子 1

在本例中,我们将创建一个新数组,然后显示从其中选取的元素:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)

</script>
登录后复制

输出:

George,John,Thomas
John,Thomas
George,John,Thomas
登录后复制

例子 2

在本例中,我们将创建一个新数组,然后显示从其中选取的元素:

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)

</script>
登录后复制

输出:

George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin
登录后复制

此方法提取字符串的一部分,并返回一个新的字符串。
语法

string.slice( beginslice [, endSlice] );
登录后复制

下面是参数的详细信息:

beginSlice : 从零开始的索引位置开始提取

endSlice : 从零开始的索引位置结束提取。如果省略,切片中提取的字符串的末尾

注意:作为一个负指数,endSlice表示从字符串末尾的偏移。 string.slice(2,-1)提取第二到最后一个字符,字符串的第三个字符。
返回值:

如果成功的话,切片返回字符串内的正则表达式的索引。否则,返回-1。

例子:

<html>
<head>
<title>JavaScript String slice() Method</title>
</head>
<body>
<script type="text/javascript">
 
var str = "Apples are round, and apples are juicy.";
 
var sliced = str.slice(3, -2);
 
document.write( sliced );
 
</script>
</body>
</html>
登录后复制

这将产生以下结果:

les are round, and apples are juic
登录后复制

以上是JavaScript从已有的数组中返回选定的元素的slice() 方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板