Run results for: For Loop vs While Loop vs indexOf

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.66 Safari/537.36 Edg/103.0.1264.44

Browser: Chrome 103

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
For Loop for item towards beginning	1939051.0 Ops/sec
While Loop for item towards beginning	1931343.6 Ops/sec
indexOf for item towards beginning	2658251.5 Ops/sec
For Loop for item towards end	667311.6 Ops/sec
While Loop for item towards end	684496.0 Ops/sec
indexOf for item towards end	2412581.5 Ops/sec

Script Preparation code:

var arr = ['apple', 'banana', 'cherry', 'donuts', 'eggplant', 'french fries', 'goulash', 'hamburger', 'ice cream', 'juice', 'kebab', 'lemonade', 'mango', 'nuts', 'octopus', 'parsley', 'quail egg', 'risotto', 'stew', 'tapas', 'udon', 'vanilla', 'wheat', 'xylotil', 'yogurt', 'zucchinni'];

function forLoop(array, item) {
	for (var i = 0; i < array.length; i++) {
    	if (array[i] === item) {
          return i;
        }
    }
    return -1;
}

function whileLoop(array, item) {
  	var i = 0;
	while (i < array.length) {
    	if (array[i] === item) {
        	return i;
        }
      	i += 1;
    }
    return -1;
}

function indexOfNative(array, item) {
	return array.indexOf(item);
}

Tests:

For Loop for item towards beginning
forLoop(arr, 'donuts')
While Loop for item towards beginning
whileLoop(arr, 'donuts')
indexOf for item towards beginning
indexOfNative(arr, 'donuts')
For Loop for item towards end
forLoop(arr, 'yogurt')
While Loop for item towards end
whileLoop(arr, 'yogurt')
indexOf for item towards end
indexOfNative(arr, 'yogurt')

Run results for: For Loop vs While Loop vs indexOf

For Loop for item towards beginning

While Loop for item towards beginning

indexOf for item towards beginning

For Loop for item towards end

While Loop for item towards end

indexOf for item towards end