Run results for: for vs foreach vs for..in vs for..of with content and isEven

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Browser: Chrome 124

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

for

6K/s

for in

5K/s

foreach

5K/s

for..of

5K/s

View exact numbers

Script Preparation code:

var array = new Array(100).fill(0).map((_, i)=> i);

function isEven(nr) {
  return nr%2 === 0;
}

Tests:

for
for (var i = 0; i < array.length; i++) { const item = array[i]; if (isEven(item)){ continue; } console.log('Odd', item); }
foreach
array.forEach(function(item) { if (isEven(item)){ return; } console.log('Odd', item); });
for in
for (var i in array) { const item = array[i]; if (isEven(item)){ continue; } console.log('Odd', item); }
for..of
for (var item of array) { if (isEven(item)){ continue; } console.log('Odd', item); }