Benchmark: array operations vs generators vs for loop

Script Preparation code:

const array = Array.from({ length: 10_000 }, (_, i) => i);

Tests:

array operations
array .filter((el) => el % 2) .map((el) => el ** 2) .forEach((el) => console.log(el));
generators
function* filterOddIt(it) { for (const el of it) if (el % 2) yield el; } function* squareIt(it) { for (const el of it) yield el ** 2; } function printIt(it) { for (const el of it) console.log(el); } printIt(squareIt(filterOddIt(array)));
for loop
const result = []; for (const el of array) { if (el % 2 == 0) continue; const r = el ** 2; result.push(r); console.log(r); }

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 2 months ago)

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

Browser/OS: Chrome 144 on Windows

Related benchmarks:

array operations vs generators vs for loop (version: 3)