JavaScript数组slice方法

数组对象的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数组并没有任何改变。

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。