Run results for: Map vs Object - property access - (string, hashCode as number, hashCode as string)

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Browser: Chrome 133

Operating system: Windows

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
Map	148241744.0 Ops/sec
Map (with hashCode)	148072736.0 Ops/sec
Map (with hashCodeStr)	139957984.0 Ops/sec
Object	64492540.0 Ops/sec
Object (with hashCode)	20516392.0 Ops/sec
Object (with hashCodeStr)	68560368.0 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const counter = 10000;

const map     = new Map();
const hashMap = new Map();
const hashMapStr = new Map();

const object  = {};
const hashObj = {};
const hashObjStr = {};

const paths   = [
  "/a/",
  "/a/aaa/",
  "/a/aaa/aaaaaaaaa/",
  "/a/aaa/aaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/a/aaa/aaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/a/aaa/aaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/"
];

const keyToFind = "/a/aaa/aaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/a/aaa/aaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/a/aaa/aaaaaaaaa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/23"
const keyToFindHash = hashCode(keyToFind)
const keyToFindHashStr = keyToFindHash.toString()

window.counter = counter

window.map     = map
window.hashMap = hashMap
window.hashMapStr = hashMapStr

window.object  = object
window.hashObj = hashObj
window.hashObjStr = hashObjStr

window.paths   = paths

for (const path of paths) {
	for (let i = 0; i < counter; i++) {
      	let key   = `${path}/${i}`;
      	let value = `${i*23} <----> ${path}/${i}`;
        let hash  = hashCode(key);
        let hashStr  = hash.toString();

	    map.set(key, value)
        hashMap.set(hash, value)
        hashMapStr.set(hashStr, value)

    	object[key] = value
        hashObj[hash] = value
        hashObjStr[hashStr] = value
	}
}

function hashCode(str) {
    let hash = 0;

  	for (let i = 0, len = str.length; i < len; i++) {
        let chr = str.charCodeAt(i);
        hash = (hash << 5) - hash + chr;
        hash |= 0; // Convert to 32bit integer
    }

	return hash;
}

function hashCodeStr(str) {
    let hash = hashCode(str)

    return hash.toString();
}

Tests:

Map
let a = map.get(keyToFind)
Map (with hashCode)
let a = hashMap.get(keyToFindHash)
Map (with hashCodeStr)
let a = hashMapStr.get(keyToFindHashStr)
Object
let a = object[keyToFind]
Object (with hashCode)
let a = hashObj[keyToFindHash]
Object (with hashCodeStr)
let a = hashObjStr[keyToFindHashStr]

Run results for: Map vs Object - property access - (string, hashCode as number, hashCode as string)

Map

Map (with hashCode)

Map (with hashCodeStr)

Object

Object (with hashCode)

Object (with hashCodeStr)