ice() - JavaScript - MDN - Mozilla

• Skip to main content
• Skip to search

Array.prototype.slice() Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

• Learn more
• See full compatibility
• Report feedback

The slice() method of Array instances returns a shallow copy of a portion of an array into a new array object selected from start to end (end not included) where start and end represent the index of items in that array. The original array will not be modified.

In this article

• Try it
• Syntax
• Description
• Examples
• Specifications
• Browser compatibility
• See also

Try it

const animals = ["ant", "bison", "camel", "duck", "elephant"]; console.log(animals.slice(2)); // Expected output: Array ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); // Expected output: Array ["camel", "duck"] console.log(animals.slice(1, 5)); // Expected output: Array ["bison", "camel", "duck", "elephant"] console.log(animals.slice(-2)); // Expected output: Array ["duck", "elephant"] console.log(animals.slice(2, -1)); // Expected output: Array ["camel", "duck"] console.log(animals.slice()); // Expected output: Array ["ant", "bison", "camel", "duck", "elephant"]

Syntax

jsslice() slice(start) slice(start, end)

Parameters

start Optional

Zero-based index at which to start extraction, converted to an integer.

• Negative index counts back from the end of the array — if -array.length <= start < 0, start + array.length is used.
• If start < -array.length or start is omitted, 0 is used.
• If start >= array.length, an empty array is returned.

end Optional

Zero-based index at which to end extraction, converted to an integer. slice() extracts up to but not including end.

• Negative index counts back from the end of the array — if -array.length <= end < 0, end + array.length is used.
• If end < -array.length, 0 is used.
• If end >= array.length or end is omitted or undefined, array.length is used, causing all elements until the end to be extracted.
• If end implies a position before or at the position that start implies, an empty array is returned.

Return value

A new array containing the extracted elements.

Description

The slice() method is a copying method. It does not alter this but instead returns a shallow copy that contains some of the same elements as the ones from the original array.

The slice() method preserves empty slots. If the sliced portion is sparse, the returned array is sparse as well.

The slice() method is generic. It only expects the this value to have a length property and integer-keyed properties.

Examples

Return a portion of an existing array

jsconst fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; const citrus = fruits.slice(1, 3); // fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'] // citrus contains ['Orange','Lemon']

In this example, slice(1, 3) extracts elements from index 1 up to, but not including, index 3, resulting in a new array ['Orange', 'Lemon'].

Omitting the end parameter

jsconst fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"]; const tropical = fruits.slice(2); console.log(tropical); // ['Orange', 'Mango', 'Pineapple']

In this example, slice(2) extracts elements from index 2 to the end of the array.

Using negative indices

jsconst fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"]; const lastTwo = fruits.slice(-2); console.log(lastTwo); // ['Mango', 'Pineapple']

In this example, slice(-2) extracts the last two elements of the array. When using a negative index with the slice method, negative indices are counted from the end of the array, starting at -1 for the last element, -2 for the second-to-last element, and so on. The negative index -2 itself is included because it is the starting point of the extraction.

| | | | | | | S | L | I | C | E | | | | | | | -5 -4 -3 -2 -1 <--- read from reverse

Using a positive start index and a negative end index

jsconst fruits = ["Apple", "Banana", "Orange", "Mango", "Pineapple"]; // Using positive start index and negative end index const sliceExample = fruits.slice(1, -1); console.log(sliceExample); // ['Banana', 'Orange', 'Mango']

In this example, slice(1, -1) starts extracting from index 1 and goes up to, but does not include, the element at index -1 (which is the last element). This results in a new array with ['Banana', 'Orange', 'Mango']. The slice method always excludes the element at the final index specified, regardless of whether it is positive or negative.

read from start ---> 0 1 2 3 4 | | | | | | | S | L | I | C | E | | | | | | | -5 -4 -3 -2 -1 <--- read from reverse

Using slice with arrays of objects

In the following example, slice creates a new array, newCar, from myCar. Both include a reference to the object myHonda. When the color of myHonda is changed to purple, both arrays reflect the change.

js// Using slice, create newCar from myCar. const myHonda = { color: "red", wheels: 4, engine: { cylinders: 4, size: 2.2 }, }; const myCar = [myHonda, 2, "cherry condition", "purchased 1997"]; const newCar = myCar.slice(0, 2); console.log("myCar =", myCar); console.log("newCar =", newCar); console.log("myCar[0].color =", myCar[0].color); console.log("newCar[0].color =", newCar[0].color); // Change the color of myHonda. myHonda.color = "purple"; console.log("The new color of my Honda is", myHonda.color); console.log("myCar[0].color =", myCar[0].color); console.log("newCar[0].color =", newCar[0].color);

This script writes:

myCar = [ { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } }, 2, 'cherry condition', 'purchased 1997' ] newCar = [ { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } }, 2 ] myCar[0].color = red newCar[0].color = red The new color of my Honda is purple myCar[0].color = purple newCar[0].color = purple

Calling slice() on non-array objects

The slice() method reads the length property of this. It then reads the integer-keyed properties from start to end and defines them on a newly created array.

jsconst arrayLike = { length: 3, 0: 2, 1: 3, 2: 4, 3: 33, // ignored by slice() since length is 3 }; console.log(Array.prototype.slice.call(arrayLike, 1, 3)); // [ 3, 4 ]

Using slice() to convert array-like objects to arrays

The slice() method is often used with bind() and call() to create a utility method that converts an array-like object into an array.

js// slice() is called with `this` passed as the first argument const slice = Function.prototype.call.bind(Array.prototype.slice); function list() { return slice(arguments); } const listResult = list(1, 2, 3); // [1, 2, 3]

Using slice() on sparse arrays

The array returned from slice() may be sparse if the source is sparse.

jsconsole.log([1, 2, , 4, 5].slice(1, 4)); // [2, empty, 4]

Specifications

Specification
ECMAScript® 2026 Language Specification# sec-array.prototype.slice

Browser compatibility

See also

• Polyfill of Array.prototype.slice in core-js
• es-shims polyfill of Array.prototype.slice
• Indexed collections guide
• Array
• Array.prototype.pop()
• Array.prototype.shift()
• Array.prototype.concat()
• Array.prototype.splice()
• TypedArray.prototype.slice()
• String.prototype.slice()

Help improve MDN

Was this page helpful to you? Yes No Learn how to contribute

This page was last modified on ⁨Jul 20, 2025⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content Filter sidebar

1. Standard built-in objects
2. Array
3. Constructor
   1. Array()
4. Static methods
   1. from()
   2. fromAsync()
   3. isArray()
   4. of()
5. Static properties
   1. [Symbol.species]
6. Instance methods
   1. at()
   2. concat()
   3. copyWithin()
   4. entries()
   5. every()
   6. fill()
   7. filter()
   8. find()
   9. findIndex()
   10. findLast()
   11. findLastIndex()
   12. flat()
   13. flatMap()
   14. forEach()
   15. includes()
   16. indexOf()
   17. join()
   18. keys()
   19. lastIndexOf()
   20. map()
   21. pop()
   22. push()
   23. reduce()
   24. reduceRight()
   25. reverse()
   26. shift()
   27. slice()
   28. some()
   29. sort()
   30. splice()
   31. toLocaleString()
   32. toReversed()
   33. toSorted()
   34. toSpliced()
   35. toString()
   36. unshift()
   37. values()
   38. with()
   39. [Symbol.iterator]()
7. Instance properties
   1. length
   2. [Symbol.unscopables]
8. Inheritance
9. Object/Function
10. Static methods
    1. apply()
    2. bind()
    3. call()
    4. toString()
    5. [Symbol.hasInstance]()
11. Static properties
    1. displayName Non-standard
    2. length
    3. name
    4. prototype
    5. arguments Non-standard Deprecated
    6. caller Non-standard Deprecated
12. Instance methods
    1. __defineGetter__() Deprecated
    2. __defineSetter__() Deprecated
    3. __lookupGetter__() Deprecated
    4. __lookupSetter__() Deprecated
    5. hasOwnProperty()
    6. isPrototypeOf()
    7. propertyIsEnumerable()
    8. toLocaleString()
    9. toString()
    10. valueOf()
13. Instance properties
    1. __proto__ Deprecated
    2. constructor