JavaScript Array slice() Method

Below is the example of Array slice() method.

  • Example:
    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

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

    chevron_right

    
    

  • Output:
    [23,56,87,32,75,13]
    [87,32]

The arr.slice() method returns a new array containing a portion of the array on which it is implemented. The original remains unchanged.

Syntax:

arr.slice(begin, end)

Parameters: This method accepts two parameters as mentioned above and described below:

  • begin: This parameter defines the starting index from where the portion is to be extracted. If this argument is missing then the method takes begin as 0 as it is the default start value.
  • end: This parameter is the index up to which the portion is to be extracted (excluding the end index). If this argument is not defined then the array till the end is extracted as it is the default end value If the end value is greater than the length of the array, then the end value changes to length of the array.

Return value: This method returns a new array containing some portion of the original array.



Below examples illustrate the JavaScript Array slice() method:

  • Example 1: In this example the slice() method extracts the entire array from the given string and returns it as the answer, Since no arguments were passed to it.
    var arr = [23,56,87,32,75,13];
    var new_arr = arr.slice();
    document.write(arr);
    document.write(new_arr);
    

    Output:

    [23,56,87,32,75,13]
    [23,56,87,32,75,13]
    
  • Example 2: In this example the slice() method extracts the array starting from index 2 till the end of the array and returns it as the answer.
    var arr = [23,56,87,32,75,13];
    var new_arr = arr.slice(2);
    document.write(arr);
    document.write(new_arr);
    

    Output:

    [23,56,87,32,75,13]
    [87,32,75,13]
    
  • Example 3: In this example the slice() method extracts the array from the given array starting from index 2 and including all the elements less than the index 4.
    var arr = [23,56,87,32,75,13];
    var new_arr = arr.slice(2,4);
    document.write(arr);
    document.write(new_arr);
    

    Output:

    [23,56,87,32,75,13]
    [87,32]
    

Code for the above method is provided below:

Program 1:

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

[23,56,87,32,75,13]
[23,56,87,32,75,13]

Program 2:

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

[23,56,87,32,75,13]
[87,32,75,13]

Supported Browsers: The browsers supported by JavaScript Array slice() method are listed below:

  • Google Chrome
  • Microsoft Edge
  • Mozilla Firefox
  • Safari
  • Opera

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.