您的位置：首页 > Web前端 > JavaScript

JavaScript数组slice方法详解

2010-03-01 17:01 871 查看

数组对象的slice方法从数组中分离出一个子数组，功能类似于字符串对象的substring()方法。为了演示方便，我们创建一个值为[0,1,2,3,4,5,6,7,8,9,0]的数组。这样就形成了位置和值的对应，即，arr[0]的值恰好为0。

JavaScript代码

Html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

var arr = [0,1,2,3,4,5,6,7,8,9,10];

var arrarr03 = arr.slice(0,3);

var arrarr3 = arr.slice(3);

var arrarr0 = arr.slice(0);

alert(arr03.join());
alert(arr3.join());
alert(arr0.join());
alert(arr.join());
</script>

</head>

<body>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var arr = [0,1,2,3,4,5,6,7,8,9,10];
var arr03 = arr.slice(0,3);
var arr3 = arr.slice(3);
var arr0 = arr.slice(0);
alert(arr03.join());
alert(arr3.join());
alert(arr0.join());
alert(arr.join());
</script>
</head>
<body>
</body>
</html>

可以发现，slice(0,3)会返回[0,1,2]，也就是说，只返回位置0、1和2，而不包括3。由此我们可以知道，传递给slice的两个参数分别为，起始字符的位置，结束字符的位置+1。

与字符串的substring方法类似，数组的slice方法也可以省略第二个参数，表示一直到数组结束。例如：arr.slice(3); arr.slice(0);

arr.slice(3)表示从数组的第三个元素开始，一直到数组结尾的子数组。我们可以推测，arr.slice(0)将会返回数组本身。

另外，与push、pop、shift、unshift方法不同的是，上述方法都是对元素组本身进行操作，而数组的slice方法并不对元素组进行任何操作，slice方法截取的子数组是作为slice方法的返回参数输出。由alert(arr.join());方法可知，arr数组并没有任何改变。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航