Benchmark: find() vs for...of vs for-loop multi variable with switches

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; } 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; } 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');
for-loop with switch
var arr = ['hello', 'a', 'b', 'c', 'f', 123]; let val, a, b, c; for(i=0; i<arr.length; i++){ var value = arr[i]; switch(value) { case 'f': val = value; case 'a': a = value; case 'b': b = value; case 'c': c = value; } }
for..of with switch
var arr = ['hello', 'a', 'b', 'c', 'f', 123]; let val, a, b, c; for (var value of arr) { switch(value) { case 'f': val = value; case 'a': a = value; case 'b': b = value; case 'c': c = value; } }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Mobile; Energizer_E241S; rv:48.0) Gecko/48.0 Firefox/48.0 KAIOS/2.5.1.1

Browser/OS: Firefox Mobile 48 on Firefox OS

find() vs for...of vs for-loop multi variable with switches (version: 0)