Run results for: Array creation for, map, foreach

Run details:

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: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

for of loop

6.6M/s

forEach

5.2M/s

map

4.6M/s

for loop

2.8M/s

View exact numbers

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