Run results for: Inserting and Searching in Map vs Object

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

Browser: Chrome 87

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Insert in small Map	11093.0 Ops/sec
insert in small POJO	12856.9 Ops/sec
Insert in large Map	69.8 Ops/sec
Insert in large POJO	100.7 Ops/sec
Search in small Map	14670.6 Ops/sec
Search in small POJO	13296.5 Ops/sec
Search in large Map	87.9 Ops/sec
Search in large POJO	102.5 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