monolithed/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Object.keys vs for..in #jsbench #jsperf</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;

	Benchmark.prototype.setup = function () {
		var data  = (function( num ) {
		  var uniqid = function(){
		      var text = "",
		          i = 0,
		          possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
		      for( ; i < 32; i++ ) {
		          text += possible.charAt( Math.floor( Math.random() * possible.length ) );
		      }
		      return text;
		    },
		    i = 0,
		    obj = {};
		  for( ; i < num; i++ )  {
		    obj[ uniqid() ] = new Date();
		  };
		  return obj;
		})(100000);

		function* entries(obj) {
		   for (let key of Object.keys(obj)) {
		     yield [key, obj[key]];
		   }
		}
	};


	suite.add("(function (obj) {", function () {
		(function (obj) {
		    Object.keys( obj ).forEach(function( key ){
		        window.test = obj[ key ]
		    });
		})(data)
	});

	suite.add("(function (obj) {", function () {
		(function (obj) {
		    var key;
		    for( key in obj ) {
		        if ( Object.prototype.hasOwnProperty.call(obj, key) ) {
		            window.test = obj[ key ]
		        }
		    }
		})(data)
	});

	suite.add("(function (obj) {", function () {
		(function (obj) {
		    var key;
		    for( key in obj ) {
		        if ( obj.hasOwnProperty(key) ) {
		            window.test = obj[ key ]
		        }
		    }
		})(data)
	});

	suite.add("(function (obj) {", function () {
		(function (obj) {
		    var key;
		    for( key in obj ) {
		        window.test = obj[ key ]
		    }
		})(data)
	});

	suite.add("(function (obj) {", function () {
		(function (obj) {
		    for (let [key, value] of entries(obj)) {
		      window.test = value;
		    }
		})(data)
	});

	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.keys vs for..in #jsbench #jsperf");
	console.log(new Array(30).join("-"));
	suite.run();
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Object.keys vs for..in #jsbench #jsperf</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;

	Benchmark.prototype.setup = function () {
	var data = (function( num ) {
	var uniqid = function(){
	var text = "",
	i = 0,
	possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
	for( ; i < 32; i++ ) {
	text += possible.charAt( Math.floor( Math.random() * possible.length ) );
	}
	return text;
	},
	i = 0,
	obj = {};
	for( ; i < num; i++ ) {
	obj[ uniqid() ] = new Date();
	};
	return obj;
	})(100000);

	function* entries(obj) {
	for (let key of Object.keys(obj)) {
	yield [key, obj[key]];
	}
	}
	};


	suite.add("(function (obj) {", function () {
	(function (obj) {
	Object.keys( obj ).forEach(function( key ){
	window.test = obj[ key ]
	});
	})(data)
	});

	suite.add("(function (obj) {", function () {
	(function (obj) {
	var key;
	for( key in obj ) {
	if ( Object.prototype.hasOwnProperty.call(obj, key) ) {
	window.test = obj[ key ]
	}
	}
	})(data)
	});

	suite.add("(function (obj) {", function () {
	(function (obj) {
	var key;
	for( key in obj ) {
	if ( obj.hasOwnProperty(key) ) {
	window.test = obj[ key ]
	}
	}
	})(data)
	});

	suite.add("(function (obj) {", function () {
	(function (obj) {
	var key;
	for( key in obj ) {
	window.test = obj[ key ]
	}
	})(data)
	});

	suite.add("(function (obj) {", function () {
	(function (obj) {
	for (let [key, value] of entries(obj)) {
	window.test = value;
	}
	})(data)
	});

	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.keys vs for..in #jsbench #jsperf");
	console.log(new Array(30).join("-"));
	suite.run();
	});