Run results for: Map lookup vs array index lookup

Run details:

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

Browser: Chrome 86

Operating system: Linux

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Map lookup	476.2 Ops/sec
Array lookup	585.2 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;
		}
	}
}

​x
 
​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(i+","+j)) results.push(map.get(i+","+j));
    }
}
if (results.length === 0) throw Error();

 
var results = [], i, j;for (i = 0; i < 100; i++) {    for (j = 0; j < 100; j++) {        if (map.has(i+","+j)) results.push(map.get(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();

 
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();