javascript如何使用slice()函數截取陣列用法實例詳解

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

核心程式碼：

<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個。

以上是javascript如何使用slice()函數截取陣列用法實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！