Benchmark: forEach vs manual

Script Preparation code:

let items = [];

for (let i = 0; i < 100; i++) {
	items.push({
		something: i
	});
}
window.items = items;

Tests:

forEach
let items = window.items; let theThing; items.forEach(i => { let item = i.something; if (theThing || i === 3) { theThing = i + 3; } }); return theThing;
Cache len
let items = window.items; let theThing; let len = items.length; for (let i = 0; i < len; i++) { let item = items[i].something; if (theThing || item === 3) { theThing = item + 3; } } return theThing;
No cache len
let items = window.items; let theThing; for (let i = 0; i < items.length; i++) { let item = items[i]; if (theThing || item === 3) { theThing = item + 3; } } return theThing;

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Browser/OS: Chrome 110 on Mac OS X 10.15.7

forEach vs manual (version: 0)