Benchmark: Array vs Object vs Map vs WeakMap access (3)

Script Preparation code:

var map = new Map();
var weakMap = new WeakMap()
var array = [];
var object = {};
var symbol = Symbol('next');

Tests:

Map.get
map.get("0");
WeakMap.get
weakMap.get("0")
array[0]
array[0]
object.a
object.a
object[symbol]
object[symbol]

Historical Performance Data aggregated from 136 community runs

Desktop Results:

Chrome 107 runs

Map.get

31.9M/s

array[0]

31.5M/s

object.a

31.3M/s

WeakMap.get

28.7M/s

object[symbol]

16.3M/s

Fastest: Map.get (2.0x faster)

View exact numbers

✓ Map.get: 31,934,992 ops/sec
• array[0]: 31,527,332 ops/sec
• object.a: 31,338,282 ops/sec
• WeakMap.get: 28,662,982 ops/sec
• object[symbol]: 16,299,539 ops/sec

Firefox 11 runs

array[0]

879.2M/s

Map.get

843.9M/s

object[symbol]

840.8M/s

object.a

826.1M/s

WeakMap.get

114.1M/s

Fastest: array[0] (7.7x faster)

View exact numbers

✓ array[0]: 879,211,328 ops/sec
• Map.get: 843,856,384 ops/sec
• object[symbol]: 840,837,376 ops/sec
• object.a: 826,098,176 ops/sec
• WeakMap.get: 114,082,536 ops/sec

Safari 10 runs

array[0]

31.1M/s

Map.get

31.0M/s

WeakMap.get

30.6M/s

object.a

28.6M/s

object[symbol]

16.4M/s

Fastest: array[0] (1.9x faster)

View exact numbers

✓ array[0]: 31,139,028 ops/sec
• Map.get: 31,020,290 ops/sec
• WeakMap.get: 30,646,388 ops/sec
• object.a: 28,567,338 ops/sec
• object[symbol]: 16,432,430 ops/sec

Mobile Results:

Chrome 8 runs

Map.get

15.8M/s

array[0]

15.6M/s

object.a

15.6M/s

WeakMap.get

14.7M/s

object[symbol]

8.0M/s

Fastest: Map.get (2.0x faster)

View exact numbers

✓ Map.get: 15,813,774 ops/sec
• array[0]: 15,624,042 ops/sec
• object.a: 15,622,204 ops/sec
• WeakMap.get: 14,696,400 ops/sec
• object[symbol]: 7,952,476 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
Map.get
WeakMap.get
array[0]
object.a
object[symbol]

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36

Browser/OS: Chrome 148 on Mac OS X 10.15.7

View result in a separate tab

Map.get

276.3M/s

array[0]

273.4M/s

object.a

273.2M/s

object[symbol]

272.6M/s

WeakMap.get

167.5M/s

View exact numbers

Test name	Executions per second
✓ Map.get	276,329,600 Ops/sec
array[0]	273,373,088 Ops/sec
object.a	273,243,360 Ops/sec
object[symbol]	272,550,080 Ops/sec
WeakMap.get	167,476,624 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its test cases.

**Benchmark Overview**

The benchmark measures the performance of different data structures in JavaScript: Array, Object, Map, WeakMap, and using a Symbol. The goal is to compare how quickly each data structure can access a specific element or property.

**Options Compared**

Here are the options being compared:

1. **Array**: An ordered collection of values.
2. **Object**: A unordered collection of key-value pairs.
3. **Map**: An ordered map of keys to values, similar to an object but with faster lookups.
4. **WeakMap**: A specialized Map that allows for garbage collection and is suitable for storing weak references.

**Pros and Cons**

* **Array**: Pros: simple and widely supported, cons: slow lookup times due to linear search.
* **Object**: Pros: fast lookup times using property names, cons: slower than Maps or WeakMaps for large datasets.
* **Map**: Pros: fast lookups using key-value pairs, cons: requires a key to access the value.
* **WeakMap**: Pros: fast lookups with garbage collection support, cons: requires a weak reference to access the value.

**Library and Special Features**

The benchmark uses the following libraries and special features:

* **Symbol**: A primitive type in JavaScript that can be used as property names or keys. In this benchmark, it's used as a key for the Map and Object.
* None of the libraries are explicitly mentioned, but the use of Symbol suggests that the test is targeting modern browsers with support for Symbols.

**Benchmark Preparation Code**

The preparation code sets up variables to create instances of each data structure:

```javascript
var map = new Map();
var weakMap = new WeakMap();
var array = [];
var object = {};
```

This creates an empty Map, WeakMap, and Array, as well as an empty Object.

**Individual Test Cases**

Each test case measures the execution time for a specific operation:

1. `map.get("0")`: Accessing an element in the Map using its index.
2. `weakMap.get("0")`: Accessing an element in the WeakMap using its index.
3. `array[0]`: Accessing the first element of the Array.
4. `object.a`: Accessing a property on the Object using its key name.
5. `object[symbol]`: Accessing a property on the Object using the Symbol as the key.

**Benchmark Results**

The benchmark results show the execution time per second for each test case across multiple browser runs:

1. Array: 25561772 executions/second
2. Map.get: 25471548 executions/second
3. Object.a: 25326256 executions/second
4. WeakMap.get: 23898082 executions/second
5. object[symbol]: 13452492 executions/second

**Other Alternatives**

If you wanted to modify this benchmark or create a new one, consider the following alternatives:

* Use different data structures like Sets, queues, or trees.
* Introduce additional complexity by using asynchronous operations or callbacks.
* Compare performance across multiple browsers or platforms.
* Experiment with caching or memoization techniques.

Array vs Object vs Map vs WeakMap access (3) (version: 0)

Comparing performance of: `Map.get vs WeakMap.get vs array[0] vs object.a vs object[symbol]`

Created: 4 years ago by: Guest

Go to the latest result

Map.get

WeakMap.get

array[0]

object.a

object[symbol]

Historical Performance Data aggregated from 136 community runs

Desktop Results:

Chrome 107 runs

Firefox 11 runs

Safari 10 runs

Mobile Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Array vs Object vs Map vs WeakMap access (3) (version: 0)

Comparing performance of: Map.get vs WeakMap.get vs array[0] vs object.a vs object[symbol]

Created: 4 years ago by: Guest

Go to the latest result

Map.get

WeakMap.get

array[0]

object.a

object[symbol]

Historical Performance Data aggregated from 136 community runs

Desktop Results:

Chrome 107 runs

Firefox 11 runs

Safari 10 runs

Mobile Results:

Chrome 8 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: `Map.get vs WeakMap.get vs array[0] vs object.a vs object[symbol]`