Run results for: find() vs for...of vs for-loop simple

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Browser: Firefox 115

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Array.find()

18.1M/s

for..of

4.8M/s

for-loop

1.8M/s

View exact numbers

Test name	Executions per second
✓ Array.find()	18,055,958 Ops/sec
for..of	4,802,960 Ops/sec
for-loop	1,805,547 Ops/sec

HTML Preparation code:

<div id='test'></div>

Script Preparation code:

var arr = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.".split(" ");

Tests:

for-loop
let val; for(i=0; i<arr.length; i++){ var value = arr[i]; if (value === 'dolore') { val = value; break; } }
for..of
let val; for (var value of arr) { if (value === 'dolore') { val = value; break; } }
Array.find()
let val = arr.find(value => value === 'dolore');

Run results for: find() vs for...of vs for-loop simple

Testing the difference between native loops and find()

for-loop

for..of

Array.find()