Groceries Make Sense es-419 Explainer

Explicación de Los alimentos tienen sentido

Objetivo de este acertijo:
Usar console.log para ver el resultado del código y localizar el error lógico en la función ‘picker’.

Tutorial de la solución:
Para ver lo que realmente sucede dentro del código, podemos insertar un console.log. Recuerda que, debido al ámbito de la variable, lo que significa que solo se puede acceder a una variable en el bloque de código donde está declarada, en este caso está dentro del for…in loop después de que está declarada ‘groceries’. Esto mostrará el siguiente resultado:

Item currently in bag: undefined
Item currently in bag: undefined
Item currently in bag: undefined

Esta salida se debe a la declaración de la variable: let groceries = item[bag];. Esto se imprime como undefined porque ‘bag’ es un arreglo y ‘item’ es el índice. Para ver realmente el contenido del arreglo, la declaración de la variable debe ser: let groceries = bag[item];

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

let whichGrocery= "Item currently in bag: ";
let groceryBag = {
	fruit: ['banana', 'apple', 'cherry'],
	vegetables: ['potatoe', 'carrot', 'celery'],
	grains: ['cereal', 'pasta', 'bread']
}

function picker(bag) {
    for(let item in bag) {
        let groceries = item[bag];
        console.log(whichGrocery+groceries);
    }
}

picker(groceryBag.vegetables);

Conceptos de JavaScript: declaración de la variable, expresión de object, arreglos, declaración de la función, console.log, llamada de la función

Appears a message that says " origin code is update, press reset button…", but I dont find the reset button!!!