Run results for: For Loop vs While Loop vs indexOf vs includes

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.88 Safari/537.36

Browser: Chrome 100

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
For Loop for item towards beginning	11497196.0 Ops/sec
While Loop for item towards beginning	9809994.0 Ops/sec
indexOf for item towards beginning	12678760.0 Ops/sec
For Loop for item towards end	9551097.0 Ops/sec
While Loop for item towards end	9503549.0 Ops/sec
indexOf for item towards end	12816502.0 Ops/sec
includes for item towards start	12663838.0 Ops/sec
includes for item towards end	12702901.0 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);
}

function includesNative(array, item) {
    return array.includes(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')
includes for item towards start
includesNative(arr, 'donuts')
includes for item towards end
includesNative(arr, 'yogurt')

Run results for: For Loop vs While Loop vs indexOf vs includes

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

includes for item towards start

includes for item towards end