[转]JS Array.slice 截取数组的实现方法

 

这篇文章主要介绍了JS Array.slice 截取数组的实现方法,因为我们需要控制一下长度,需要的朋友可以参考下

slice定义和用法

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

语法
arrayObject.slice(start,end)

 

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

 


返回值

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

说明

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

提示和注释

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


实例

例子 1

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


 
 
  1. <script type="text/javascript">
  2. var arr = new Array( 3)
  3. arr[ 0] = "George"
  4. arr[ 1] = "John"
  5. arr[ 2] = "Thomas"
  6. document.write(arr + "<br />")
  7. document.write(arr.slice( 1) + "<br />")
  8. document.write(arr)
  9. </script>

输出:
George,John,Thomas
John,Thomas
George,John,Thomas

例子 2

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


 
 
  1. <script type="text/javascript">
  2. var arr = new Array( 6)
  3. arr[ 0] = "George"
  4. arr[ 1] = "John"
  5. arr[ 2] = "Thomas"
  6. arr[ 3] = "James"
  7. arr[ 4] = "Adrew"
  8. arr[ 5] = "Martin"
  9. document.write(arr + "<br />")
  10. document.write(arr.slice( 2, 4) + "<br />")
  11. document.write(arr)
  12. </script>

输出:
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

核心代码:


 
 
  1. <script type="text/javascript">
  2. //JS Array.slice 截取数组
  3. //在JavaScript中,Array对象的slice(start[,end])方法返回数组从下标[start,end)的部分(不包含下标为end的元素)如果没有指定end参数,则从start开始到数组结尾的部分,slice()方法不改变原数组,如果要删除数组的一部分,可以使用splice()方法。
  4. //参数:
  5. //(1)start:开始截取的数组下标,如果start是负数,表明从数组尾部开始计算。
  6. //(2)end:结束截取的数组下标,如果end是负数,表明从数组尾部开始计算。
  7. //例1:
  8. var arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9];
  9. // [0,1,2,3,4,5,6,7,8]
  10. // [-10,-9,-8,-7,-6,-5,-4,-3,-2,-1]
  11. document.writeln(arr.slice( 5)); // 输出:6,7,8,9
  12. document.writeln(arr.slice( -5)); // 输出:5,6,7,8,9
  13. document.writeln(arr.slice( 0, 3)); // 输出:1,2,3
  14. document.writeln(arr.slice( 1, 2)); // 输出:2
  15. document.writeln(arr.slice( 3, -2)); // 输出:4,5,6,7
  16. document.writeln(arr.slice( 1, 9999)); // 输出:2,3,4,5,6,7,8,9
  17. //==================================================================================================
  18. //JS Array.splice(start,delete_count,value,...) 插入、删除、替换数组
  19. //参数:
  20. //(1)start:开始插入和(或)删除的数组元素的下标。
  21. //(2)delete_count:结束截取的数组下标,如果end是负数,表明从数组尾部开始计算。
  22. //(3)value,...:要插入数组的元素。
  23. //返回:如果从数组中删除了元素,则返回的是被删除的元素的数组
  24. //
  25. //例1:
  26. document.write( "<hr>");
  27. //
  28. var arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9];
  29. document.writeln( "arr=" + arr); // 输出:arr=1,2,3,4,5,6,7,8,9
  30. document.writeln( "arr.splice(5)=" + arr.splice( 5)); // 输出:arr.splice(5)=6,7,8,9
  31. document.writeln( "arr=" + arr); // 输出:arr=1,2,3,4,5
  32. document.write( "<br>");
  33. //
  34. var arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9];
  35. document.writeln( "arr=" + arr); // 输出:arr=1,2,3,4,5,6,7,8,9
  36. document.writeln( "arr.splice(5,1,99,100)=" + arr.splice( 5, 1, 99, 100)); // 输出:arr.splice(5,1,99,100)=6
  37. document.writeln( "arr=" + arr); // 输出:arr=1,2,3,4,5,99,100,7,8,9
  38. document.write( "<br>");
  39. </script>

ok了,其实就是使用array.alice(0,20);截取前20个。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值