Run results for: Inserting and Searching in Map vs Object

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0

Browser: Firefox 80

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Insert in small Map	7002.2 Ops/sec
insert in small POJO	6958.8 Ops/sec
Insert in large Map	37.1 Ops/sec
Insert in large POJO	34.8 Ops/sec
Search in small Map	7005.2 Ops/sec
Search in small POJO	8168.1 Ops/sec
Search in large Map	34.0 Ops/sec
Search in large POJO	38.1 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