Run results for: Inserting and Searching in Map vs Object

Run details:

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

Browser: Chrome 88

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Insert in small Map	9493.8 Ops/sec
insert in small POJO	10778.4 Ops/sec
Insert in large Map	52.9 Ops/sec
Insert in large POJO	77.4 Ops/sec
Search in small Map	13540.8 Ops/sec
Search in small POJO	12164.4 Ops/sec
Search in large Map	76.8 Ops/sec
Search in large POJO	89.3 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