Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

JavaScript Array slice() Method

  • Last Updated : 04 Oct, 2021

Below is the example of Array slice() method.

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

  • Example:




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




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

Output:

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

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

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 1 above
  • Edge 12 and above
  • Firefox 1 and above
  • Internet Explorer 4 and above
  • Opera 4 and above
  • Safari 1 and above



My Personal Notes arrow_drop_up
Recommended Articles
Page :