Map vs Object accessing and setting (version 1) - JavaScript benchmark at JSBench.me

Please login/register to save & publish tests

- by aminya 1/1/202100

Setup HTML - click to add setup HTML

Setup JavaScript

const arr= new Array(50)


for(let i = 0, len = arr.length; i < len; i++) {
	const randomKey =  Math.random().toString(36).slice(2)
    arr[i] = randomKey
}

ready

const cache = new Map();
let x 
for(let i = 0, len = arr.length; i < len; i++) {
    const item = arr[i];

    const cacheEntry = cache.get(item);
    if(cacheEntry !== undefined) {
		x = cacheEntry
    } else {
        x = Math.pow(item, 5) * 321312;
        cache.set(item, x);
    }
}

DEFER

ready

const cache = new Map();
let x 

for(let i = 0, len = arr.length; i < len; i++) {
    const item = arr[i];

    if(cache.has(item)) {
        x = cache.get(item);
    } else {
        x = Math.pow(item, 5) * 321312;
        cache.set(item, x);
    }
}

DEFER

ready

const cache = Object.create(null);
let x 
for(let i = 0, len = arr.length; i < len; i++) {
    const item = arr[i];

    const cacheEntry = cache[item];
    if(cacheEntry !== undefined) {
        x = cacheEntry
    } else {
        x = Math.pow(item, 5) * 321312;
        cache[item] = x;
    }
}

DEFER

ready

const cache = Object.create(null);
let x 
for(let i = 0, len = arr.length; i < len; i++) {
    const item = arr[i];

    if(item in cache) {
        x = cache[item]
    } else {
        x = Math.pow(item, 5) * 321312;
        cache[item] = x;
    }
}

DEFER

Test Case - click to add another test case

Teardown JS - click to add teardown JavaScript

Output (DOM) - click to monitor output (DOM) while test is running

RUN