下麵是Array slice()方法的示例。
- 例:
<script> function func() { // Original Array var arr = [23,56,87,32,75,13]; // Extracted array var new_arr = arr.slice(2,4); document.write(arr); document.write("<br>"); document.write(new_arr); } func(); </script> - 輸出:
[23,56,87,32,75,13] [87,32]
 
arr.slice()方法返回一個新數組,其中包含在其上實現該數組的一部分。原件保持不變。
用法:
arr.slice(begin, end)
參數:此方法接受上麵提到和下麵描述的兩個參數:
- begin:此參數定義要從中提取部分的起始索引。如果缺少此參數,則該方法將從0開始,因為它是默認的起始值。
 - end:此參數是要提取部分的索引(不包括結束索引)。如果未定義此參數,則將提取數組,直到結束為止,因為它是默認的結束值。如果結束值大於數組的長度,則結束值將更改為數組的長度。
 
返回值:此方法返回一個包含原始數組某些部分的新數組。
以下示例說明了JavaScript Array slice()方法:
- 範例1:在此示例中,slice()方法從給定的字符串中提取整個數組,並將其作為答案返回,因為沒有參數傳遞給它。
var arr = [23,56,87,32,75,13]; var new_arr = arr.slice(); document.write(arr); document.write(new_arr);
輸出:
[23,56,87,32,75,13] [23,56,87,32,75,13]
 - 範例2:在此示例中,slice()方法提取從索引2開始到數組結尾的數組,並將其作為答案返回。
var arr = [23,56,87,32,75,13]; var new_arr = arr.slice(2); document.write(arr); document.write(new_arr);
輸出:
[23,56,87,32,75,13] [87,32,75,13]
 - 範例3:在此示例中,slice()方法從給定數組中從索引2開始提取數組,包括小於索引4的所有元素。
var arr = [23,56,87,32,75,13]; var new_arr = arr.slice(2,4); document.write(arr); document.write(new_arr);
輸出:
[23,56,87,32,75,13] [87,32]
 
下麵提供了上述方法的代碼:
程序1:
<script> 
function func() { 
  
    //Original Array 
    var arr = [23,56,87,32,75,13]; 
  
    //Extracted array 
    var new_arr = arr.slice(); 
    document.write(arr); 
    document.write("<br>"); 
    document.write(new_arr); 
} 
func(); 
</script>輸出:
[23,56,87,32,75,13] [23,56,87,32,75,13]
程序2:
<script> 
function func() { 
  
    //Original Array 
    var arr = [23,56,87,32,75,13]; 
  
    //Extracted array 
    var new_arr = arr.slice(2); 
    document.write(arr); 
    document.write("<br>"); 
    document.write(new_arr);  
} 
func(); 
</script>輸出:
[23,56,87,32,75,13] [87,32,75,13]
支持的瀏覽器:下麵列出了JavaScript數組slice()方法支持的瀏覽器:
- 穀歌瀏覽器
 - 微軟邊
 - 火狐瀏覽器
 - Safari
 - Opera
 
相關用法
- Javascript Array.slice()和Array.splice()的區別用法及代碼示例
 - Javascript string.slice()用法及代碼示例
 - Javascript typedArray.slice()用法及代碼示例
 - Typescript Array slice()用法及代碼示例
 - Node.js Buffer.slice()用法及代碼示例
 - Typescript String slice()用法及代碼示例
 - underscore.js _.iterators.slice()用法及代碼示例
 - JQuery slice()用法及代碼示例
 - Node.js slice()用法及代碼示例
 - CSS border-image-slice用法及代碼示例
 - PHP Ds\Sequence slice()用法及代碼示例
 - PHP Ds\Vector slice()用法及代碼示例
 - PHP Ds\Deque slice()用法及代碼示例
 - PHP Ds\Set slice()用法及代碼示例
 
注:本文由純淨天空篩選整理自HGaur大神的英文原創作品 JavaScript Array slice() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。
