Benchmark: clearing array via pop() vs shift() vs .length = 0 vs = []

Script Preparation code:

var array = [];

for(var i = 0; i < 100000; i++){array.push(Math.random());}

Tests:

pop
while (array.length > 0) { array.pop(); }
shift
while (array.length > 0) { array.shift(); }
length
array.length = 0
reassignment
array = []
.splice(0)
array.splice(0);

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

shift

16.4M/s

pop

16.1M/s

.splice(0)

12.8M/s

reassignment

11.5M/s

length

10.5M/s

Fastest: shift (1.6x faster)

View exact numbers

✓ shift: 16,386,854 ops/sec
• pop: 16,147,206 ops/sec
• .splice(0): 12,783,494 ops/sec
• reassignment: 11,521,710 ops/sec
• length: 10,467,131 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
pop
shift
length
reassignment
.splice(0)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Browser/OS: Chrome 134 on Linux

View result in a separate tab

pop

93.6M/s

shift

92.9M/s

.splice(0)

36.7M/s

length

25.2M/s

reassignment

8.9M/s

View exact numbers

Test name	Executions per second
✓ pop	93,580,616 Ops/sec
shift	92,874,864 Ops/sec
.splice(0)	36,727,884 Ops/sec
length	25,220,498 Ops/sec
reassignment	8,925,873 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

I'll break down the benchmark and explain what's being tested, compared, and the pros/cons of each approach.

**Benchmark Definition**

The benchmark is designed to test different ways to clear an array in JavaScript. The script preparation code creates an empty array with 100,000 elements, fills it with random numbers using `Math.random()`, and then tests various methods to remove all elements from the array.

**Test Cases**

There are five test cases:

1. **pop**: Removes elements one by one using `array.pop()`.
2. **shift**: Removes elements one by one using `array.shift()`.
3. **length = 0**: Sets the length of the array to 0.
4. **reassignment**: Reassigns the array variable to an empty array `[]`.
5. **splice(0)**: Uses the `.splice(0)` method to remove the first element.

**Comparison**

The benchmark compares these five approaches to clear an array:

* **pop** and **shift** are similar, but pop removes elements from the end of the array, while shift removes elements from the beginning.
* **length = 0** is a simple and efficient way to set the length to 0, but it doesn't remove any existing elements.
* **reassignment** creates a new empty array, effectively discarding the original one. This approach can be slower due to the creation of a new object.
* `.splice(0)` removes the first element from the array and shifts all other elements down by one position.

**Pros/Cons**

Here's a brief summary:

* **pop**:
	+ Pros: Simple, efficient, and widely supported.
	+ Cons: Can be slower than shift for large arrays.
* **shift**:
	+ Pros: Faster than pop for large arrays due to fewer DOM mutations.
	+ Cons: Removes elements from the beginning of the array.
* **length = 0**:
	+ Pros: Fast, efficient, and widely supported.
	+ Cons: Doesn't remove any existing elements.
* **reassignment**:
	+ Pros: Creates a new empty array, effectively discarding the original one.
	+ Cons: Can be slower due to object creation.
* `.splice(0)`:
	+ Pros: Removes the first element efficiently.
	+ Cons: Can cause DOM mutations and slow down other elements in the array.

**Library and Special Features**

There is no specific library mentioned in this benchmark. However, some libraries like Lodash or Underscore.js might provide alternative methods for clearing arrays, such as `_.isEmpty()` or `_.unset()`. If you're interested in exploring these alternatives, I can provide more information.

Keep in mind that this benchmark is designed to test basic JavaScript functionality and may not cover all edge cases.

clearing array via pop() vs shift() vs .length = 0 vs = [] (version: 0)

Comparing performance of: `pop vs shift vs length vs reassignment vs .splice(0)`

Created: 8 years ago by: Guest

Go to the latest result

pop

shift

length

reassignment

.splice(0)

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

clearing array via pop() vs shift() vs .length = 0 vs = [] (version: 0)

Comparing performance of: pop vs shift vs length vs reassignment vs .splice(0)

Created: 8 years ago by: Guest

Go to the latest result

pop

shift

length

reassignment

.splice(0)

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `pop vs shift vs length vs reassignment vs .splice(0)`