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

待我称王封你为后i 2021-12-23 14:51 281阅读 0赞

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

slice定义和用法

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

语法  
arrayObject.slice(start,end)

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

返回值

返回一个新的数组，包含从 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

**核心代码：**

<script type="text/javascript"> 
       //JS Array.slice 截取数组 
       //在JavaScript中，Array对象的slice(start[,end])方法返回数组从下标[start,end)的部分（不包含下标为end的元素）如果没有指定end参数，则从start开始到数组结尾的部分，slice()方法不改变原数组，如果要删除数组的一部分，可以使用splice()方法。 
       //参数： 
       //（1）start:开始截取的数组下标，如果start是负数，表明从数组尾部开始计算。 
       //（2）end:结束截取的数组下标，如果end是负数，表明从数组尾部开始计算。 
       //例1： 
       
       var arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9]; 
       // [0,1,2,3,4,5,6,7,8] 
       // [-10,-9,-8,-7,-6,-5,-4,-3,-2,-1] 
       
       document.writeln(arr.slice( 5)); // 输出：6,7,8,9 
       document.writeln(arr.slice( -5)); // 输出：5,6,7,8,9 
       document.writeln(arr.slice( 0, 3)); // 输出：1,2,3 
       document.writeln(arr.slice( 1, 2)); // 输出：2 
       document.writeln(arr.slice( 3, -2)); // 输出：4,5,6,7 
       document.writeln(arr.slice( 1, 9999)); // 输出：2,3,4,5,6,7,8,9 
       //================================================================================================== 
       //JS Array.splice(start,delete_count,value,...) 插入、删除、替换数组 
       //参数： 
       //（1）start:开始插入和（或）删除的数组元素的下标。 
       //（2）delete_count:结束截取的数组下标，如果end是负数，表明从数组尾部开始计算。 
       //（3）value,...：要插入数组的元素。 
       //返回：如果从数组中删除了元素，则返回的是被删除的元素的数组 
       // 
       //例1： 
       document.write( "<hr>"); 
       // 
       var arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9]; 
       document.writeln( "arr=" + arr); // 输出：arr=1,2,3,4,5,6,7,8,9 
       document.writeln( "arr.splice(5)=" + arr.splice( 5)); // 输出：arr.splice(5)=6,7,8,9 
       document.writeln( "arr=" + arr); // 输出：arr=1,2,3,4,5 
       document.write( "<br>"); 
       // 
       var arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9]; 
       document.writeln( "arr=" + arr); // 输出：arr=1,2,3,4,5,6,7,8,9 
       document.writeln( "arr.splice(5,1,99,100)=" + arr.splice( 5, 1, 99, 100)); // 输出：arr.splice(5,1,99,100)=6 
       document.writeln( "arr=" + arr); // 输出：arr=1,2,3,4,5,99,100,7,8,9 
       document.write( "<br>"); 
       </script>

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

发表评论取消回复

表情：

评论列表（有 0 条评论，281人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 字符串转整型，数字转字符串，字符串截取，字符串转数组，数组转字符串

字符串转整型 var str = "23"; str = parseInt(str); console.log(str); 数字转字符串

矫情吗；*/ 2023年01月08日 02:18/ 0 赞/ 266 阅读

相关 js 类数组转成真正的数组的方法

一、类数组与数组的区别相同点： > 都有 length 属性，都可以用下标访问每一个元素不同点： > 数组的类型是 Array ，类数组的类似是 Object

╰半夏微凉°/ 2022年11月17日 05:25/ 0 赞/ 184 阅读

相关 js中数组的方法

<table> <tbody> <tr> <td style="border-color:000000;vertical-align:top;width:85

我不是女神ヾ/ 2022年09月09日 09:10/ 0 赞/ 237 阅读

相关 JS中数组的方法

JS中数组的方法在我做测试题的时候，曾经遇到过这样的一道题，举例说出js数组中的方法并且写出它们的作用。在此我就想就我的理解展开论述。 -----------

r囧r小猫/ 2022年06月14日 05:11/ 0 赞/ 281 阅读

相关 js 合并数组的方法

> 数组案例： var a = \[1,2,3,4\]; var b = \[5,6,7,8\]; > 1，concat js的Array对象提供了一个叫co

素颜马尾好姑娘i/ 2022年01月29日 16:47/ 0 赞/ 307 阅读

相关 JS数组的方法

<table> <tbody> <tr> <td> <p><a href="http://www.w3school.com.cn/js/jsref_conca

桃扇骨/ 2021年12月24日 16:51/ 0 赞/ 388 阅读

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

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

待我称王封你为后i/ 2021年12月23日 14:51/ 0 赞/ 282 阅读

相关 js类数组转成数组的方法

类数组对象所谓的类数组对象，JavaScript对它们定义为：它们看起来很像数组，只是具有部分和数组相同特性：拥有length属性元素保存在对象中，可以通

傷城~/ 2021年12月05日 13:27/ 0 赞/ 333 阅读

相关 javascript 字符串转html,js中字符串转数组的方法

![5268f80b9b1e01f982625ef6fac83ca1.png][] ![9b43817127db19ebe9d38456ad746303.png][] js

逃离我推掉我的手/ 2021年09月08日 14:46/ 0 赞/ 568 阅读

相关 js 数组的方法

concat 数组的合并 (1)数组名.concat(合并数据,合并数据); 返回一个新数组 var arr=[1,"abc","张三",

╰+攻爆jí腚メ/ 2021年07月24日 16:22/ 0 赞/ 573 阅读