for..of vs filter and each

Benchmark created on

Description

Comparing dumb code I've seen vs a simple loop

Setup

	const
		userTemplate = (user) => {
			output += `<li><a href="${user.email}">${user.name}</a></li>`
		};
	let
		output = '',
		users = [
			{
				name : "John",
				contact : true,
				email : "dummy@blackhole.com"
			},{
				name : "Jimbo",
				contact : true,
				email : "dummy@blackhole.com"
			},{
				name : "Jenna",
				contact : true,
				email : "dummy@blackhole.com"
			},{
				name : "Jason",
				contact : false,
				email : "dummy@blackhole.com"
			},{
				name : "Joker",
				contact : true,
				email : "dummy@blackhole.com"
			},{
				name : "Jakamoon",
				contact : false,
				email : "dummy@blackhole.com"
			},{
				name : "Jacob",
				contact : true,
				email : "dummy@blackhole.com"
			},{
				name : "Jospeh",
				contact : false,
				email : "dummy@blackhole.com"
			},{
				name : "Josepus",
				contact : true,
				email : "dummy@blackhole.com"
			},{
				name : "Blaine",
				contact : false,
				email : "dummy@blackhole.com"
			}
		];
		
	for (let i = 0; i < 8; i++) {
		users = users.concat(users);
	}

Teardown

output = '';

Test runner

Ready to run.

Testing in
TestOps/sec
filter.forEach
users.filter(
	(user) => user.contact
).forEach(
	userTemplate
);
ready
for...of
for (user of users)
	if (user.contact)
		userTemplate(user);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.