GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise
  • Introduction3 min read
  • Variables5 min read

This view

  • Original page
  • New address

GeezerVison is showing www.geeksforgeeks.org — JavaScript Array slice() Method - GeeksforGeeks

geeksforgeeks
search icon
  • Courses
  • Tutorials
  • Interview Prep
  • JS Tutorial
  • Web Tutorial
  • A to Z Guide
  • Projects
  • OOP
  • DOM
  • Set
  • Map
  • Math
  • Number
  • Boolean
  • Exercise

JavaScript Array slice() Method

Last Updated : 16 Jan, 2026

The slice() method allows you to copy a specific portion of an array. It creates a new array containing only the selected elements.

  • It takes a start index and an end index to decide which elements to extract.
  • The element at the end index is not included in the result.
  • It performs a non-destructive operation, so the original array is not changed.
JavaScript
let fruits = ["Apple", "Banana", "Mango", "Orange", "Grapes"];

let slicedFruits = fruits.slice(1, 4);

console.log(slicedFruits);

Syntax:

arr.slice(begin, end);

Parameters:

  • 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: Parameter specifying the end index for extracting a portion from an array, defaulting to array length if undefined, adjusting for exceeding length.

Return value:

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

[Example 1]: Extracting elements between two indexes

JavaScript
function func() {
    // Original Array
    let arr = [23, 56, 87, 32, 75, 13];
    // Extracted array
    let new_arr = arr.slice(2, 4);
    console.log(arr);
    console.log(new_arr);
}
func();
  • The slice() method is used to extract a portion of an array.
  • It starts extracting elements from index 2.
  • It includes all elements before index 4.
  • Elements at index 2 and 3 are included in the result.

[Example 2]: Passing no arguments

JavaScript
function func() {
    //Original Array
    let arr = [23, 56, 87, 32, 75, 13];
    //Extracted array
    let new_arr = arr.slice();
    console.log(arr);
    console.log(new_arr);
}
func();
  • The slice() method is called without any arguments.
  • It extracts the entire string.
  • All characters are included in the result.
  • A new copy of the original string is returned.

[Example 3]: Extracting array from index 2

JavaScript
function func() {

    //Original Array
    let arr = [23, 56, 87, 32, 75, 13];
    
    //Extracted array
    let new_arr = arr.slice(2);
    console.log(arr);
    console.log(new_arr);
}
func();
  • The slice() method starts extracting from index 2.
  • It continues till the end of the array.
  • All elements from index 2 onward are included.
  • The extracted elements are returned as a new array.

[Example 4]: Slicing the nested Array

JavaScript
function func() {

    // Original Array
    let arr = [23, [87, 32, 75, 27,3,10,18 ,13]];
    
    // Extracted array
    let new_arr = arr[1].slice(2, 4);
    console.log(arr);
    console.log(new_arr);
}
func();
  • The slice() method is applied to a nested array.
  • It extracts specific elements from the array.
  • The selected elements are copied into a new array.
  • The original nested array remains unchanged.
Comment

Explore

    JavaScript Basics
    • Introduction3 min read
    • Variables5 min read
    • Operators4 min read
    • Control Statements4 min read
    Array & String
    • Arrays6 min read
    • Array Methods4 min read
    • String5 min read
    • String Methods8 min read
    Function & Object
    • Functions4 min read
    • Function Expression3 min read
    • Function Overloading4 min read
    • Objects4 min read
    • Constructors4 min read
    OOP
    • OOP5 min read
    • Classes & Objects4 min read
    • Access Modifiers5 min read
    • Constructor4 min read
    Asynchronous JavaScript
    • Asynchronous2 min read
    • Callbacks4 min read
    • Promises4 min read
    • Event Loop3 min read
    • Async Await Fuction3 min read
    Exception Handling
    • Error and Exceptional Handling5 min read
    • Errors Throw & Try to Catch2 min read
    • Custom Errors2 min read
    • TypeError Invalid Array.prototype.sort argument1 min read
    DOM
    • DOM8 min read
    • DOM Elements3 min read
    • Custom Events4 min read
    • Addeventlistener5 min read
    Advanced Topics
    • Closure3 min read
    • Hoisting5 min read
    • Scope4 min read
    • Higher Order Functions7 min read
    • Debugging3 min read
    Courses
    • Placement 360 Course2 min read
    • MERN Full Stack Course2 min read
    • DSA and System Design Course2 min read
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.