Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
access object vs array
(version: 0)
Benchmark.js
Comparing performance of:
object vs array
Created:
2 years ago
by:
Guest
Go to the latest result
Tests:
object
let obj = {}; let n = 10000; while (n--) { obj['id-'+i]=n; } const res = obj['id-1000'];
array
let arr = []; let n = 10000; while (n--) { arr.push({name:'id-'+i,value:n}); } const res = arr.find(x=>x.name=='id-1000');
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
object
array
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
4 months ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36
Browser/OS:
Chrome 148 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=628994" width="100%" height="500px"></iframe>
array
5K/s
object
3K/s
View exact numbers
Test name
Executions per second
✓
array
5,403 Ops/sec
object
3,125 Ops/sec
Autogenerated LLM Summary
(model
gemma2:9b
, generated one year ago):
This benchmark tests the performance of accessing data in objects versus arrays in JavaScript. Let's break down how it works: **Object Approach:** * **Code:** The code creates an empty object (`obj`) and then iterates 10,000 times, adding a property to the object with the key `id-` followed by a number (e.g., `id-1`). Finally, it accesses the property `id-1000`. * **Concept:** In JavaScript, objects use key-value pairs for data storage. Accessing an element in an object requires a lookup based on its unique key. **Array Approach:** * **Code:** The code creates an empty array (`arr`) and iterates 10,000 times, pushing an object with the properties `name` (e.g., `id-1`) and `value` into the array. Finally, it uses the `find()` method to locate the object where the `name` property is equal to `id-1000`. * **Concept:** Arrays are a linear collection of data, so accessing elements by index (position) is very efficient. **Pros and Cons:** | Approach | Pros | Cons | |----------|----------------------------------------|-----------------------------------------| | Object | Data can be accessed using any key | Accessing specific data can be slower due to the lookup process | | Array | Fast access by index | Requires knowing the index of the desired element | **Other Considerations:** * **Data Structure:** The choice between objects and arrays depends heavily on the nature of your data. Objects are suitable for structured data with meaningful keys, while arrays excel when you need to store a sequence of items. * **Operations:** Arrays offer built-in methods like `push()`, `pop()`, `slice()`, which make manipulating sequences efficient. Objects often require more explicit coding for similar operations. **Alternatives:** Beyond objects and arrays, JavaScript provides: * **Maps:** A key-value data structure similar to objects but with better performance for large datasets. * **Sets:** Collections of unique values that efficiently check for membership. Let me know if you have any more questions!
Related benchmarks
instanceof Array vs Array.isArray
Array isArray vs Object.prototype
Comments
Confirm delete:
Do you really want to delete benchmark?