Explicação de Registro de ingredientes
Objetivo deste desafio:
Use console.log para encontrar um erro na função showList
e corrigi-lo.
Passo a passo da solução:
Há algo errado com a função. Para ver o que é, vamos começar mudando o comando de retorno para um console.log e ver qual é o resultado do código. Depois de colocar console.log, vemos que o resultado do código é:
sugar
Algo não está certo, nós vemos apenas o último elemento da array ingredientsList
quando queremos ver cada item. Uma maneira de solucionar esse problema é considerar o índice de ‘sugar’, que é 5. Se analisarmos o laço for clássico, veremos que a variável ‘i’ é declarada como 5, o que corresponde ao índice de ‘sugar’. Mudando para let i = 0
, o laço for vai começar o laço do início da array ou do índice 0 e vai registrar cada elemento de ingredientsList
no console.
Solução do código de exemplo:
(Toque abaixo 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);
Conceitos de JavaScript: Arrays, declaração de função, laço for clássico, console.log, chamada de função