Benchmark: Slice vs Splice vs Shift

Script Preparation code:

var array = [1, 2, 3, 4, 5, 6, 7, 8]
var itemsToRemove = 2

Tests:

array.slice()
array = array.slice(2)
array.splice()
array.splice(0, itemsToRemove)
array.shift()
for (let i = 0 ; i < itemsToRemove ; i++) array.shift()

Historical Performance Data aggregated from 243 community runs

Desktop Results:

Chrome 185 runs

array.splice()

13.1M/s

array.slice()

9.3M/s

array.shift()

6.1M/s

Fastest: array.splice() (2.2x faster)

View exact numbers

✓ array.splice(): 13,126,413 ops/sec
• array.slice(): 9,292,321 ops/sec
• array.shift(): 6,064,721 ops/sec

Firefox 40 runs

array.shift()

84.8M/s

array.slice()

51.0M/s

array.splice()

35.2M/s

Fastest: array.shift() (2.4x faster)

View exact numbers

✓ array.shift(): 84,758,152 ops/sec
• array.slice(): 50,966,104 ops/sec
• array.splice(): 35,196,776 ops/sec

Other 5 runs

array.splice()

9.9M/s

array.slice()

8.3M/s

array.shift()

4.5M/s

Fastest: array.splice() (2.2x faster)

View exact numbers

✓ array.splice(): 9,873,233 ops/sec
• array.slice(): 8,307,738 ops/sec
• array.shift(): 4,468,189 ops/sec

Safari 5 runs

array.splice()

64.5M/s

array.slice()

63.1M/s

array.shift()

58.8M/s

View exact numbers

✓ array.splice(): 64,512,880 ops/sec
• array.slice(): 63,062,604 ops/sec
• array.shift(): 58,797,628 ops/sec

Mobile Results:

Chrome 8 runs

array.splice()

3.9M/s

array.slice()

3.1M/s

array.shift()

1.8M/s

Fastest: array.splice() (2.2x faster)

View exact numbers

✓ array.splice(): 3,937,170 ops/sec
• array.slice(): 3,050,758 ops/sec
• array.shift(): 1,783,270 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
array.slice()
array.splice()
array.shift()

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36 Edg/147.0.0.0

Browser/OS: Chrome 147 on Windows

View result in a separate tab

array.splice()

18.3M/s

array.shift()

13.3M/s

array.slice()

7.8M/s

View exact numbers

Test name	Executions per second
✓ array.splice()	18,275,440 Ops/sec
array.shift()	13,345,268 Ops/sec
array.slice()	7,841,608 Ops/sec

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

LLMs can make mistakes. Check important info.

This benchmark tests the performance of three different methods for removing the first two elements from an array in JavaScript:

* **`array.slice(2)`:** This method creates a new array containing all elements from index 2 (the third element) to the end of the original array, effectively discarding the first two elements.
* **`array.splice(0, itemsToRemove)`:**  This method modifies the original array directly by removing `itemsToRemove` (in this case, 2) elements starting at index 0 (the beginning).

* **`for (let i = 0 ; i < itemsToRemove ; i++) array.shift()`:** This method uses a loop to call the `array.shift()` method repeatedly.  `array.shift()` removes and returns the first element of an array, modifying the original array.

**Pros and Cons:**

* **`slice()`:**
    * **Pros:** Non-destructive - doesn't modify the original array, creating a new one. This can be helpful if you need to preserve the original data. Relatively lightweight operation.
    * **Cons:** Creates a new array which incurs some memory overhead.

* **`splice()`:**
    * **Pros:** Modifies the original array directly, avoiding the creation of a new array and potentially saving memory. Can remove multiple elements at once.
    * **Cons:** Can be slightly slower than `slice()` for simple removal operations like this one.

* **`shift()` Loop:** 
    * **Pros:**  Potentially very efficient if you need to remove many elements from the beginning of an array.  
    * **Cons:** More verbose and can be less readable than `splice()`. Can be slower for removing only a few elements because of the loop overhead.

**Considerations:**

The best method depends on your specific needs:

* If preserving the original array is crucial, use `slice()`.
* If modifying the original array directly is acceptable and you need to remove multiple items, `splice()` is generally efficient. 
* If you frequently remove many elements from the beginning of an array, a loop using `shift()` might be slightly faster.

**Alternatives:**

While this benchmark focuses on these three methods, other approaches exist for removing array elements:

* **`array.forEach()` and manually updating indices:** This involves iterating through the array and shifting elements to fill the gaps created by removed elements.  It can be complex to implement correctly but offers fine-grained control over the process.
* **Using libraries like Lodash:** Libraries often provide optimized functions for manipulating arrays, including removing elements efficiently.

Slice vs Splice vs Shift (version: 0)

Compares the speed for removing 2 items from the beginning of an array

Comparing performance of: `array.slice() vs array.splice() vs array.shift()`

Created: 5 years ago by: Guest

Go to the latest result

array.slice()

array.splice()

array.shift()

Historical Performance Data aggregated from 243 community runs

Desktop Results:

Chrome 185 runs

Firefox 40 runs

Other 5 runs

Safari 5 runs

Mobile Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

Slice vs Splice vs Shift (version: 0)

Compares the speed for removing 2 items from the beginning of an array

Comparing performance of: array.slice() vs array.splice() vs array.shift()

Created: 5 years ago by: Guest

Go to the latest result

array.slice()

array.splice()

array.shift()

Historical Performance Data aggregated from 243 community runs

Desktop Results:

Chrome 185 runs

Firefox 40 runs

Other 5 runs

Safari 5 runs

Mobile Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

Related benchmarks

Comparing performance of: `array.slice() vs array.splice() vs array.shift()`