當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


JavaScript Array slice()用法及代碼示例


下麵是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




相關用法


注:本文由純淨天空篩選整理自HGaur大神的英文原創作品 JavaScript Array slice() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。