Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Array spread (left) vs push
(version: 0)
Compare the new ES6 spread operator with the traditional concat() method and push
Comparing performance of:
Array.prototype.concat vs spread operator
Created:
4 years ago
by:
Guest
Go to the latest result
Tests:
Array.prototype.concat
var params = [ "hello", true, 7 ]; var other = params.push(1);
spread operator
var params = [ "hello", true, 7 ] var other = [...params, 1]
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Array.prototype.concat
spread operator
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one year ago
)
User agent:
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:132.0) Gecko/20100101 Firefox/132.0
Browser/OS:
Firefox 132 on Ubuntu
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=569826" width="100%" height="500px"></iframe>
Array.prototype.concat
140.1M/s
spread operator
22.9M/s
View exact numbers
Test name
Executions per second
✓
Array.prototype.concat
140,144,560 Ops/sec
spread operator
22,871,486 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Let's break down the provided benchmark and explain what's being tested. **Benchmark Overview** The benchmark compares two approaches for modifying an array: using the traditional `concat()` method versus the new ES6 spread operator (`...`). **Options Being Compared** There are two options being compared: 1. **Traditional Concat Method**: This involves using the `concat()` method to add a new element to the end of the array. 2. **ES6 Spread Operator**: This involves using the spread operator (`...`) to create a new array and then adding the new element to it. **Pros and Cons** * **Traditional Concat Method** + Pros: - Well-established and widely supported - Easy to understand and implement + Cons: - Can be slower and more memory-intensive than the spread operator - May not perform as well for large arrays * **ES6 Spread Operator** + Pros: - More concise and expressive than `concat()` - Can be faster and more efficient for small to medium-sized arrays - Simplifies array manipulation in many cases + Cons: - May not work as expected with older browsers or environments - Requires knowledge of the spread operator syntax **Library and Special JS Features** There is no explicit library mentioned, but it's likely that a basic JavaScript environment is being used. No special JavaScript features are explicitly mentioned in the benchmark definition. However, the use of the ES6 spread operator requires support for this feature in the target browsers or environments. **Other Alternatives** In addition to these two options, other approaches could be considered: * **Array.prototype.push()**: This method can also be used to add elements to an array, but it's not as concise or expressive as the spread operator. * **Array.prototype.splice()**: This method can be used to replace elements in an array, but it may have different performance characteristics than `push()`. It's worth noting that the benchmark definition doesn't specify any other options or alternatives for comparison. The two approaches being compared are likely the most relevant and widely supported. **Benchmark Preparation Code** The preparation code is not provided, which means that the framework will likely generate the necessary setup code based on the benchmark definition. This could include creating a sample array, defining variables, and setting up any necessary browser or environment configurations. The individual test cases: * The first test case uses `Array.prototype.concat()` to add an element to the end of the array. * The second test case uses the ES6 spread operator (`...`) to create a new array and then add an element to it.
Related benchmarks
Array.prototype.concat vs spread operator
concat 2 arrays: Array.prototype.concat vs spread operator
Array.prototype.concat vs spread operator real
Comments
Confirm delete:
Do you really want to delete benchmark?