Run results for: Inserting and Searching in Map vs Object

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.146 Safari/537.36

Browser: Chrome 88

Operating system: Mac OS X 11.2.0

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Insert in small Map	7310.9 Ops/sec
insert in small POJO	8898.0 Ops/sec
Insert in large Map	40.8 Ops/sec
Insert in large POJO	53.4 Ops/sec
Search in small Map	9577.7 Ops/sec
Search in small POJO	9261.7 Ops/sec
Search in large Map	49.6 Ops/sec
Search in large POJO	57.4 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