Benchmark: Sparse Array Vs. Object,Map,Set, Number Indexes

Script Preparation code:

var iterations =100000;
var obj = {};
var arr = [];
var map = new Map();
var set = new Set();
var setLengthArr = new Array(iterations);
var typedArray = new Uint32Array(iterations);

Tests:

Object
for(let i=0;i<iterations;i+=10){ obj[i]=Math.floor(Math.random()*iterations); obj[i+1]=obj[i]+1; }
Array
for(let i=0;i<iterations;i+=10){ arr[i]=Math.floor(Math.random()*iterations); arr[i+1]= arr[i]+1; }
Set Length Array
for(let i=0;i<iterations;i+=10){ setLengthArr[i]=Math.floor(Math.random()*iterations); setLengthArr[i+1] = setLengthArr[i]+1; }
TypedArray
for(let i=0;i<iterations;i+=10){ typedArray[i]=Math.floor(Math.random()*iterations); typedArray[i+1]= typedArray[i]+1; }
map
for(let i=0;i<iterations;i+=10){ map.set(i,Math.floor(Math.random()*iterations)); map.set(i+1,map.get(i)+1) }
set
for(let i=0;i<iterations;i+=10){ set.add(Math.floor(Math.random()*iterations)); set.add(set.has(i+1)) }

Historical Performance Data aggregated from 27 community runs

Desktop Results:

Chrome 16 runs

TypedArray

421/s

Array

421/s

Object

415/s

Set Length Array

412/s

map

336/s

set

321/s

Fastest: TypedArray (1.3x faster)

View exact numbers

✓ TypedArray : 421 ops/sec
• Array: 421 ops/sec
• Object: 415 ops/sec
• Set Length Array : 412 ops/sec
• map: 336 ops/sec
• set: 321 ops/sec

Firefox 11 runs

TypedArray

22K/s

Object

11K/s

Set Length Array

11K/s

Array

10K/s

map

867/s

set

789/s

Fastest: TypedArray (27.8x faster)

View exact numbers

✓ TypedArray : 21,969 ops/sec
• Object: 11,360 ops/sec
• Set Length Array : 10,723 ops/sec
• Array: 10,233 ops/sec
• map: 867 ops/sec
• set: 789 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
Object
Array
Set Length Array
TypedArray
map
set

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 18 on iOS 18.6

View result in a separate tab

TypedArray

63K/s

Set Length Array

59K/s

Object

42K/s

Array

40K/s

map

6K/s

set

4K/s

View exact numbers

Test name	Executions per second
✓ TypedArray	62,504 Ops/sec
Set Length Array	58,641 Ops/sec
Object	42,294 Ops/sec
Array	39,974 Ops/sec
map	5,965 Ops/sec
set	3,885 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 its various components, explaining what's being tested, compared, and their pros and cons.

**Benchmark Overview**

The benchmark compares the performance of different data structures in JavaScript:

1. Object
2. Array
3. Set Length Array (a custom array-like structure)
4. TypedArray
5. Map
6. Set

Each test case performs a similar operation: assigning a random value to an index and then incrementing it by 1.

**Options Compared**

The benchmark compares the performance of each data structure in the following scenarios:

* Assigning a random value to an index: Object, Array, Set Length Array, TypedArray, Map, and Set
* Incrementing the assigned value by 1: Object, Array, Set Length Array, TypedArray, Map

**Pros and Cons of Each Approach**

Here's a brief overview of each data structure's performance characteristics:

* **Object**: Objects are slow due to their dynamic nature. They require creating a new property for each assignment, which incurs additional overhead.
	+ Pros: Easy to implement, flexible
	+ Cons: Slow, may lead to memory issues if not used carefully
* **Array**: Arrays are generally faster than objects but still incur some overhead due to indexing and bounds checking.
	+ Pros: Fast, efficient, well-supported in most browsers
	+ Cons: Less flexible than objects, limited methods
* **Set Length Array (Custom)**: This is a custom array-like structure that's not part of the standard JavaScript API. Its performance is comparable to arrays but may have issues with edge cases.
	+ Pros: Fast, efficient, can be customized for specific use cases
	+ Cons: Not widely supported, requires manual implementation
* **TypedArray**: Typed arrays are a subset of arrays optimized for specific data types (e.g., `Uint32Array`). They're generally faster than regular arrays but may require additional setup.
	+ Pros: Fast, efficient, optimized for specific use cases
	+ Cons: Less flexible than regular arrays, requires additional setup
* **Map**: Maps are similar to objects but provide a more efficient way of storing key-value pairs. They're fast and efficient but may incur some overhead due to their dynamic nature.
	+ Pros: Fast, efficient, provides key-value pair functionality
	+ Cons: Less flexible than objects, may lead to memory issues if not used carefully
* **Set**: Sets are a collection of unique values. They're generally faster than arrays for insertion and lookup operations but may incur some overhead due to their dynamic nature.
	+ Pros: Fast, efficient, provides fast lookup and insertion operations
	+ Cons: Less flexible than arrays, limited methods

**Library/Feature Usage**

* None mentioned in the benchmark definition or test cases.

**Special JS Feature/Syntax**

None mentioned in the benchmark definition or test cases. However, some of the data structures used (e.g., Maps) rely on JavaScript's built-in `Map` and `Set` types, which were introduced in ECMAScript 2015 (ES6).

**Alternatives**

Other alternatives for testing performance include:

* Using a different programming language or framework
* Implementing a custom data structure from scratch
* Using a benchmarking library like WebPageTest or JSMassive
* Utilizing cloud-based benchmarking services

Keep in mind that the choice of alternative will depend on the specific requirements and goals of your project.

Sparse Array Vs. Object,Map,Set, Number Indexes (version: 4) Benchmark.js

Comparing performance of: `Object vs Array vs Set Length Array vs TypedArray vs map vs set`

Created: 4 years ago by: Registered User

Go to the latest result

Object

Array

Set Length Array

TypedArray

map

set

Historical Performance Data aggregated from 27 community runs

Desktop Results:

Chrome 16 runs

Firefox 11 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Sparse Array Vs. Object,Map,Set, Number Indexes (version: 4) Benchmark.js

Comparing performance of: Object vs Array vs Set Length Array vs TypedArray vs map vs set

Created: 4 years ago by: Registered User

Go to the latest result

Object

Array

Set Length Array

TypedArray

map

set

Historical Performance Data aggregated from 27 community runs

Desktop Results:

Chrome 16 runs

Firefox 11 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: `Object vs Array vs Set Length Array vs TypedArray vs map vs set`