Run results for: Inserting and Searching in Map vs Object

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36

Browser: Chrome 85

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Insert in small Map	6911.9 Ops/sec
insert in small POJO	8055.8 Ops/sec
Insert in large Map	40.8 Ops/sec
Insert in large POJO	53.2 Ops/sec
Search in small Map	8995.4 Ops/sec
Search in small POJO	8460.3 Ops/sec
Search in large Map	48.4 Ops/sec
Search in large POJO	49.9 Ops/sec

Script Preparation code:

var small_pojo = {};
var small_map = new Map();
var small_vals = [];

var large_pojo = {};
var large_map = new Map();
var large_vals = [];

for(let i = 0; i < 1000; i++) {
  let val = btoa(Math.random()); // randomish string
  
  small_vals.push(val);
}

for(let i = 0; i < 100000; i++) {
  let val = btoa(Math.random()); // randomish string
  
  large_vals.push(val);
}

Tests:

Insert in small Map
small_vals.forEach(v => { small_map.set(v, v); });
insert in small POJO
small_vals.forEach(v => { small_pojo[v] = v; });
Insert in large Map
large_vals.forEach(v => { large_map.set(v, v); });
Insert in large POJO
large_vals.forEach(v => { large_pojo[v] = v; });
Search in small Map
small_vals.forEach(v => { return small_map.get(v); })
Search in small POJO
small_vals.forEach(v => { return small_pojo[v]; })
Search in large Map
large_vals.forEach(v => { return large_map.get(v); })
Search in large POJO
large_vals.forEach(v => { return large_pojo[v]; })

Run results for: Inserting and Searching in Map vs Object

Compares insert & search operations with Map vs. POJOs

Insert in small Map

insert in small POJO

Insert in large Map

Insert in large POJO

Search in small Map

Search in small POJO

Search in large Map

Search in large POJO