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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36

Browser: Chrome 89

Operating system: Mac OS X 11.2.3

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
for	944077.6 Ops/sec
for of	1665362.0 Ops/sec
find	4441609.0 Ops/sec
for each	2750001.0 Ops/sec

HTML Preparation code:

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

Tests:

for
var arr = ['hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'b']; let val; for(i=0; i<arr.length; i++){ var value = arr[i]; if (value === 'b') { val = value; break; } }
for of
var arr = ['hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'b']; let val; for (var value of arr) { if (value === 'b') { val = value; break; } }
find
var arr = ['hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'b']; let val = arr.find(node => node.id === 'b');
for each
var arr = ['hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'hello', 'a', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'b']; let val; arr.forEach( value => { if (value === 'b') { val = value; } });

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

Testing the difference between native loops and find()

for

for of

find

for each