Run results for: Map lookup vs array index lookup

Run details:

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

Browser: Chrome 80

Operating system: Mac OS X 10.15.2

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Map lookup	180.0 Ops/sec
Array lookup	657.0 Ops/sec

Script Preparation code:


var map = new Map();
var arrLookup = [];
var items = [];

for (var i = 0; i < 100; i++) {
  	items[i] = [];
	for (var j = 0; j < 100; j++) {
      	items[i][j] = [i,j];
		if (Math.random() < 0.1) {
        	map.set(i+","+j, Math.random()>=0.5);
          	if (!arrLookup[i]) arrLookup[i] = [];
          	arrLookup[i][j] = Math.random()>=0.5;
		}
	}
}

Tests:

Map lookup
var results = [], i, j; for (i = 0; i < 100; i++) { for (j = 0; j < 100; j++) { if (map.has(items[i][j] +"")) results.push(map.get(items[i][j]+"")); } } if (results.length === 0) throw Error();
Array lookup
var results = [], i, j; for (i = 0; i < 100; i++) { for (j = 0; j < 100; j++) { if (arrLookup[i] && typeof arrLookup[i][j] !== "undefined") results.push(arrLookup[i][j]); } } if (results.length === 0) throw Error();

Run results for: Map lookup vs array index lookup

Map lookup

Array lookup