Benchmark: for vs foreach vs map vs (map, filter reduce)

Tests:

for
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; let sum = 0; for(let i = 0; i < arr.length; i++){ const item = arr[i] * 3; if(item % 4 === 0) sum += item; } console.log(sum);
map, filter, reduce
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; const sum = arr.map(item => item * 3) .filter((item) => item % 4 === 0) .reduce((item, total) => total = total + item); console.log(sum);
forEach
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; let sum = 0; arr.forEach((item)=>{ item = item * 3; if(item % 4 === 0) sum += item; }); console.log(sum);
map
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; let sum = 0; arr.map((item)=>{ item = item * 3; if(item % 4 === 0) sum += item; }); console.log(sum);

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: 4 years ago)

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 12_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.1 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 12 on iOS 12.3

for vs foreach vs map vs (map, filter reduce) (version: 0)