spaceribs/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Object Literal versus Map Access</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
</head>
<body>
	<h1>Open the console to view the results</h1>
	<h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2>
</body>
</html>

## suite.js
"use strict";

(function (factory) {
	if (typeof Benchmark !== "undefined") {
		factory(Benchmark);
	} else {
		factory(require("benchmark"));
	}
})(function (Benchmark) {
	var suite = new Benchmark.Suite;


	suite.add("const objectLiteral = {};", function () {
		const objectLiteral = {};

		// Set data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            objectLiteral[x + '-' + y + '-' + z] = Math.random();
		        }
		    }
		}

		// Get data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            const val = objectLiteral[x + '-' + y + '-' + z];
		        }
		    }
		}
	});

	suite.add("const stringKeyedMap = new Map();", function () {
		const stringKeyedMap = new Map();

		// Set data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            stringKeyedMap.set(x + '-' + y + '-' + z, Math.random());
		        }
		    }
		}

		// Get data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            const val = stringKeyedMap.get(x + '-' + y + '-' + z);
		        }
		    }
		}
	});

	suite.add("const numKeyedMap = new Map();", function () {
		const numKeyedMap = new Map();

		// Set data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            numKeyedMap.set((x << 20) | (y << 10) | z, Math.random());
		        }
		    }
		}

		// Get data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            const val = numKeyedMap.get((x << 20) | (y << 10) | z);
		        }
		    }
		}
	});

	suite.add("const arrayMap = new Array(100);", function () {
		const arrayMap = new Array(100);

		// Set data
		for (let x = 0; x < 100; x++) {
		    arrayMap[x] = new Array(100);
		    for (let y = 0; y < 100; y++) {
		        arrayMap[x][y] = new Array(100);
		        for (let z = 0; z < 100; z++) {
		            arrayMap[x][y][z] = Math.random();
		        }
		    }
		}

		// Get data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            const val = arrayMap[x][y][z];
		        }
		    }
		}
	});

	suite.add("const megaArrayMap = new Array(Math.pow(2,32)-1);", function () {
		const megaArrayMap = new Array(Math.pow(2,32)-1);

		// Set data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            megaArrayMap[(x << 20) | (y << 10) | z] = Math.random();
		        }
		    }
		}

		// Get data
		for (let x = 0; x < 100; x++) {
		    for (let y = 0; y < 100; y++) {
		        for (let z = 0; z < 100; z++) {
		            const val = megaArrayMap[(x << 20) | (y << 10) | z];
		        }
		    }
		}
	});

	suite.on("cycle", function (evt) {
		console.log(" - " + evt.target);
	});

	suite.on("complete", function (evt) {
		console.log(new Array(30).join("-"));

		var results = evt.currentTarget.sort(function (a, b) {
			return b.hz - a.hz;
		});

		results.forEach(function (item) {
			console.log((idx + 1) + ". " + item);
		});
	});

	console.log("Object Literal versus Map Access");
	console.log(new Array(30).join("-"));
	suite.run();
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Object Literal versus Map Access</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>
	<h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2>
	</body>
	</html>
	"use strict";

	(function (factory) {
	if (typeof Benchmark !== "undefined") {
	factory(Benchmark);
	} else {
	factory(require("benchmark"));
	}
	})(function (Benchmark) {
	var suite = new Benchmark.Suite;



	suite.add("const objectLiteral = {};", function () {
	const objectLiteral = {};

	// Set data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	objectLiteral[x + '-' + y + '-' + z] = Math.random();
	}
	}
	}

	// Get data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	const val = objectLiteral[x + '-' + y + '-' + z];
	}
	}
	}
	});

	suite.add("const stringKeyedMap = new Map();", function () {
	const stringKeyedMap = new Map();

	// Set data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	stringKeyedMap.set(x + '-' + y + '-' + z, Math.random());
	}
	}
	}

	// Get data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	const val = stringKeyedMap.get(x + '-' + y + '-' + z);
	}
	}
	}
	});

	suite.add("const numKeyedMap = new Map();", function () {
	const numKeyedMap = new Map();

	// Set data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	numKeyedMap.set((x << 20) \| (y << 10) \| z, Math.random());
	}
	}
	}

	// Get data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	const val = numKeyedMap.get((x << 20) \| (y << 10) \| z);
	}
	}
	}
	});

	suite.add("const arrayMap = new Array(100);", function () {
	const arrayMap = new Array(100);

	// Set data
	for (let x = 0; x < 100; x++) {
	arrayMap[x] = new Array(100);
	for (let y = 0; y < 100; y++) {
	arrayMap[x][y] = new Array(100);
	for (let z = 0; z < 100; z++) {
	arrayMap[x][y][z] = Math.random();
	}
	}
	}

	// Get data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	const val = arrayMap[x][y][z];
	}
	}
	}
	});

	suite.add("const megaArrayMap = new Array(Math.pow(2,32)-1);", function () {
	const megaArrayMap = new Array(Math.pow(2,32)-1);

	// Set data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	megaArrayMap[(x << 20) \| (y << 10) \| z] = Math.random();
	}
	}
	}

	// Get data
	for (let x = 0; x < 100; x++) {
	for (let y = 0; y < 100; y++) {
	for (let z = 0; z < 100; z++) {
	const val = megaArrayMap[(x << 20) \| (y << 10) \| z];
	}
	}
	}
	});

	suite.on("cycle", function (evt) {
	console.log(" - " + evt.target);
	});

	suite.on("complete", function (evt) {
	console.log(new Array(30).join("-"));

	var results = evt.currentTarget.sort(function (a, b) {
	return b.hz - a.hz;
	});

	results.forEach(function (item) {
	console.log((idx + 1) + ". " + item);
	});
	});

	console.log("Object Literal versus Map Access");
	console.log(new Array(30).join("-"));
	suite.run();
	});