Ingredients Log es-419 Explainer

Explicación de Registro de ingredientes

Objetivo de este acertijo:
Usar console.log para buscar un error en la función showList y luego corregirlo.

Tutorial de la solución:
Hay un problema con la función, para verlo, comenzamos cambiando la declaración return a un console.log para ver cuál es el resultado del código. Después de incorporar el console.log, vemos que el resultado del código es:

sugar

Algo está mal, solo vemos el último ingrediente del arreglo ingredientsList cuando queremos ver cada elemento. Una forma de solucionar este problema es considerar el índice de ‘sugar’, que es 5. Si vemos el classic for loop, vemos que la variable ‘i’ está declarada como 5, que coincide con el índice de ‘sugar’. Al cambiar esto a let i = 0, el for loop comenzará a ciclar desde el principio del arreglo, o sea el índice 0, y registrará cada elemento de ingredientsList en la consola.

Solución del código de ejemplo:
(Pulsa a continuación para revelar)

let ingredientsList = [
    'flour',
    'salt',
    'milk',
    'eggs',
    'baking powder',
    'sugar'
];

function showList(list) {
    for(let i = 5; i < list.length; i++) {
        return list[i];
    }
}
showList(ingredientsList);

Conceptos de JavaScript: arreglo, declaración de la función, classic for loop, console.log, llamada de la función

3 Likes