Benchmark: Array creation for, map, foreach

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

var elements = Array.from({length:100}).map(() => Math.floor(Math.random() * 1000));

Tests:

for loop
const result = []; for (let i = 0; i < elements.length; i++) { if (elements[i] % 5 === 0) { result.push(elements[i] * 2); } }
for of loop
const result = []; for (let element of elements) { if (element % 5 === 0) { result.push(element * 2); } }
forEach
const result = []; elements.filter(element => element % 5 === 0).forEach(element => result.push(element * 2));
map
const result = elements.filter(element => element % 5 === 0).map(element => element * 2);

Rendered benchmark preparation results:

Previous results

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/132.0.0.0 Safari/537.36

Browser/OS: Chrome 132 on Mac OS X 10.15.7

Related benchmarks:

Array creation for, map, foreach (version: 1)