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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:95.0) Gecko/20100101 Firefox/95.0

Browser: Firefox 95

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

HTML Preparation code:

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

Tests:

for-loop
var arr = ['hello', 'a', 'b', 'c', 'f', 123]; let val, a, b, c; for(i=0; i<arr.length; i++){ var value = arr[i]; if (value === 'f') { val = value; break; } if (value === 'a') { a = value } if (value === 'b') { b = value } if (value === 'c') { c = value } }
for..of
var arr = ['hello', 'a', 'b', 'c', 'f', 123]; let val, a, b, c; for (var value of arr) { if (value === 'f') { val = value; break; } if (value === 'a') { a = value } if (value === 'b') { b = value } if (value === 'c') { c = value } }
Array.find()
var arr = ['hello', 'a', 'b', 'c', 'f', 123]; let val = arr.find(node => node.id === 'f'); let a = arr.find(node => node.id === 'a'); let b = arr.find(node => node.id === 'b'); let c = arr.find(node => node.id === 'c');