Run results for: for vs foreach vs map vs (map, filter reduce)

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36

Browser: Chrome 73

Operating system: Linux

Device Platform: Desktop

Date tested: 5 years ago

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);