warpech/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Ways to iterate an array with offset</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 () {
		const data1D = [
		    1,1,
		    2,2,
		    3,3,
		    4,4,
		    5,5,
		    6,6,
		    7,7,
		    8,8,
		    9,9,
		    10,10,
		];
	};


	suite.add("backwards", function () {
		// backwards
		let i = data1D.length;
		const rowLength = 2;
		let sum = 0;
		while (i) {
		    i -= rowLength;
		    sum += data1D[i] + data1D[i + 1];
		}
	});

	suite.add("forward", function () {
		// forward
		let i = 0;
		let len = data1D.length;
		const rowLength = 2;
		let sum = 0;
		while (i < len) {
		    sum += data1D[i] + data1D[i + 1];
		    i += rowLength;
		}
	});

	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("Ways to iterate an array with offset");
	console.log(new Array(30).join("-"));
	suite.run();
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Ways to iterate an array with offset</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 () {
	const data1D = [
	1,1,
	2,2,
	3,3,
	4,4,
	5,5,
	6,6,
	7,7,
	8,8,
	9,9,
	10,10,
	];
	};


	suite.add("backwards", function () {
	// backwards
	let i = data1D.length;
	const rowLength = 2;
	let sum = 0;
	while (i) {
	i -= rowLength;
	sum += data1D[i] + data1D[i + 1];
	}
	});

	suite.add("forward", function () {
	// forward
	let i = 0;
	let len = data1D.length;
	const rowLength = 2;
	let sum = 0;
	while (i < len) {
	sum += data1D[i] + data1D[i + 1];
	i += rowLength;
	}
	});

	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("Ways to iterate an array with offset");
	console.log(new Array(30).join("-"));
	suite.run();
	});