Run results for: For Loop vs While Loop vs indexOf

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2.1 Safari/605.1.15

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

indexOf for item towards beginning

16.5M/s

For Loop for item towards beginning

15.5M/s

indexOf for item towards end

15.3M/s

While Loop for item towards beginning

15.2M/s

For Loop for item towards end

10.9M/s

While Loop for item towards end

10.7M/s

View exact numbers

Test name	Executions per second
✓ indexOf for item towards beginning	16,472,515 Ops/sec
For Loop for item towards beginning	15,460,727 Ops/sec
indexOf for item towards end	15,298,088 Ops/sec
While Loop for item towards beginning	15,175,545 Ops/sec
For Loop for item towards end	10,886,335 Ops/sec
While Loop for item towards end	10,707,172 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')