[Duda] Ingredientes Repetidos | Duda del codigo

Hola, compañeros. Tengo unas dudas con respecto a este código.

la primera vez que inicia el ciclo for, tengo entendido que el arreglo de ingredientes esta vacío. Por lo tanto, no tiene valor (ingredientes.length , seria cero).

Mi duda viene en esta parte, yo dentro del for, en la parte ( ingredientes.length ), en ves de usar la forma anterior, use la variable "cantidad" que seria el número de ingredientes que el usuario ingresara en el ciclo for y funcionó. Sin embargo, cuando compare lo que hizo el profesor, noté que era (ingredientes.length). Entonces, era si estoy haciendo algo incorrecto o mi lógica no estuvo buena?

Cualquier ayuda se lo agradezco y gracias.

<meta charset="UTF-8">

<h1>Recetas de Armando</h1>

<script>

    var ingredientes = [];
    var cantidad = parseInt(prompt("¿Cuántos ingredientes vas a añadir?"));
    var contador = 1;

    while( contador <= cantidad) {
        var ingrediente = prompt("Informe el ingrediente " + contador);

        var encontrado= false;


        for (var posicion = 0; posicion< ingredientes.length; posicion++)  {
            if(ingredientes[posicion] == ingrediente)  {
                encontrado=true;
                alert("repetido " + ingrediente);
                break;
            }
        }



        if(encontrado==false){
            ingredientes.push(ingrediente);
            contador++;
        }


    }

    console.log(ingredientes);

</script>