Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Test add item from beggining vs end
(version: 0)
Comparing performance of:
Add Item with Push vs Add Item with Unshift
Created:
2 years ago
by:
Guest
Go to the latest result
Script Preparation code:
var array = Array.from({ length: 100000 }).fill('x')
Tests:
Add Item with Push
array.push('r')
Add Item with Unshift
array.unshift('r')
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Add Item with Push
Add Item with Unshift
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36
Browser/OS:
Chrome 121 on Linux
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=518495" width="100%" height="500px"></iframe>
Add Item with Push
14.6M/s
Add Item with Unshift
12/s
View exact numbers
Test name
Executions per second
✓
Add Item with Push
14,624,540 Ops/sec
Add Item with Unshift
12 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
I'll break down the provided JSON for MeasureThat.net and explain what's being tested, compared, and other considerations. **Benchmark Definition** The benchmark definition is a JSON object that contains metadata about the test. It has three properties: * `Name`: The name of the benchmark. * `Description`: A brief description of the benchmark (null in this case). * `Script Preparation Code` and `Html Preparation Code`: These are code snippets that are executed before running the actual benchmark. The script preparation code creates an array of 100,000 elements filled with the string 'x'. This is likely done to initialize a large dataset for testing the performance of adding items to the end of the array using different methods. **Individual Test Cases** There are two test cases: 1. **Add Item with Push**: The benchmark definition is `array.push('r')`. This adds an item to the end of the array. 2. **Add Item with Unshift**: The benchmark definition is `array.unshift('r')`. This adds an item to the beginning of the array. **Comparison** The two test cases are comparing the performance of adding items to the end of the array using `push()` versus adding items to the beginning of the array using `unshift()`. This comparison is useful for identifying any performance differences between these two methods, which can be important in certain scenarios where array operations are crucial. **Pros and Cons** * **Push():** + Pros: Adding elements to the end of an array is generally faster and more efficient than adding elements to the beginning. + Cons: `push()` modifies the original array, which may not be desirable if the array needs to remain unchanged. * **Unshift():** + Pros: Adding elements to the beginning of an array can be useful in certain scenarios where the order of elements matters (e.g., in sorting or searching algorithms). + Cons: `unshift()` is generally slower and less efficient than `push()`, especially for large arrays. **Library and Special JS Features** There doesn't appear to be any libraries used in this benchmark, as both test cases are using built-in JavaScript methods. However, it's worth noting that some browsers may have specific optimizations or features that can affect the performance of these operations (e.g., Chrome's just-in-time compilation). **Other Alternatives** If you're interested in exploring other alternatives for adding items to arrays, consider the following: * `splice()`: This method modifies the original array by inserting a new element at a specified position. While it's generally slower than `push()` or `unshift()`, it can be useful in certain scenarios where the insertion point is known. * `concat()`: This method creates a new array and returns it, allowing you to add elements to the end of an existing array without modifying it. However, creating a new array can be memory-intensive for large datasets. Keep in mind that these alternatives may not offer significant performance improvements over `push()` or `unshift() for most use cases.
Related benchmarks
Array.from() vs new Array() - empty
Array(length).fill() vs Array.from({ length: length })
Array() vs Array.from() fill
Array.from() vs new Array() vs push pushup
Comments
Confirm delete:
Do you really want to delete benchmark?