-
Vamos falar sobre loops.
-
Temos um loop while aqui.
E com algumas
-
linhas de código, posso escrever
esta mensagem
-
até o final da tela
-
Se eu for em frente e mudar
a mensagem assim,
-
para melhorá-la,
-
todas elas mudam.
-
Então, como isso está funcionando?
-
Bem, podemos rever
esse código
-
daqui a pouco. Mas primeiro vamos
voltar um pouco
-
e pensar como escreveríamos
este programa
-
usando apenas o que sabemos até
agora sem usar loops.
-
Para isso,
-
vamos escrever um monte de text()
-
várias vezes, certo?
-
Vamos escrever "text()", "message"...
-
vou colocá-lo em primeiro lugar,
-
e agora é só uma questão de repetir isso
-
várias vezes
-
para então,
-
chegarmos até o final
-
E isso vai dar trabalho, certo?
-
Porque o final é realmente muito longe.
-
E é ainda pior se você em seguida
apontar para mim
-
"hey, na verdade aqui não era 70.
Precisa estar mais perto,
-
"precisa ser, tipo, 60."
-
E agora afeta este aqui,
-
porque ele também precisa ser menor.
-
E assim por diante,
-
à medida que temos mais
chamadas de text().
-
E, de fato, desta forma vai demorar
para chegar ao final.
-
Então, isso é mesmo massante,
-
e felizmente temos loops para nos ajudar.
-
A partir de agora, sempre que você
ver um código repetitivo assim,
-
pense: "Eu pdoeria usar um loop?"
-
Um loop vai nos deixar repetir
-
este pedaço de código sempre, apenas
fazendo pequenas mudanças a cada vez.
-
Aqui está como reescreveríamos
esse código com um loop.
-
Para começar, é preciso digitar "while",
-
os parênteses, e as chaves.
-
Vamos receber essa mensagem,
-
mas só porque não
terminamos ainda.
-
Não se preocupe, ela vai
embora quando terminar.
-
Cada vez que você escrever um loop
-
você precisa responder
-
a três perguntas-chave.
-
E aqui estão elas:
-
Então, a primeira pergunta é:
-
"O que eu quero repetir?"
-
E tudo que vamos querer repetir
-
precisa ir em entre estas chaves.
-
Queremos repetir a chamada
de "text()" neste caso.
-
Então vá em frente e coloque-o aqui.
-
Mas é um pouco bobo, né?
-
Porque agora vamos apenas repetir
-
a mesma chamada de text() sempre
-
o que não está muito certo, né?
-
precisamos de algo que
esteja mudando.
-
Isso nos leva à segunda pergunta, que é:
-
"O que eu quero mudar de cada vez?"
-
Queremos mudar esta
posição "y", certo?
-
Queremos que "y" se torne 60
-
depois que se torne 80
-
Então, vamos criar uma variável
-
chamada "y", porque é a posição y.
-
Vamos declarar uma variável aqui.
-
Vou iniciá-la em 40.
-
E agora, finalmente,
-
só precisamos mudar "y".
-
Podemos fazer isso aqui para baixo
-
podemos dizer "y é igual a y mais 20"
-
e "y" irá aumentar toda vez.
-
Na verdade, podemos usar nossa lição
-
de atalhos de incremento aqui.
-
Nós podemos apenas ir em frente
-
e usar o atalho.
-
Então, isso é fantástico.
-
E só precisamos fazer a pergutna três agora.
Que é:
-
"Por quanto tempo devemos
repetir isso?"
-
Queremos repetir isso várias vezes,
-
mas, não vamos repetir para
sempre, certo?
-
Se fizermos isso,
-
primeiro que é um tempo muito
longo para esperar,
-
e, segundo, que pode até
travar o seu browser.
-
Mas esperamos que não.
-
De verdade, só queremos fazer isso
-
até chegarmos no final da página, certo?
-
O que significa que queremos seguir
enquanto "y"for menos que 400.
-
Portanto, colocamos isso aqui,
-
e está pronto!
-
Temos esta mensagem está sendo escrita
-
até o final da tela.
-
E você pode ver que isso é
bem mais simples
-
que nossa abordagem anterior,
-
que demorou pra escrevermos.
-
e nem chegamos à um quarto disso.
-
Assim, podemos nos livrar disso,
-
e aí temos o nosso programa.
-
Agora, vamos tentar entender
melhor o que está acontecendo.
-
Vou imprimir na tela
-
"y" de cada vez.
-
Eu vou dizer "y é agora" e, aqui embaixo,
-
vou colocar "y" no final da mensagem,
-
para que possamos vê-lo.
-
Então, no momento,
-
o valor está mudando a cada 20, certo?
-
E podemos mudar isso
-
apenas alterando essa variável aqui.
-
Ou você pode mudar para, tipo, 50.
-
E agora, agora estão mudando a cada 50.
-
Da mesma forma,
-
você pode brincar com outros valores
-
para alterá-los.
-
E você pode ver como isso afeta
-
onde o programa para.
-
Assim, para entender isso,
-
você pode pensar nele como
uma condicional.
-
Nós temos nossa expressão booleana aqui
-
como você já aprendeu.
-
Então executamos o corpo da... declaração,
-
esta parte,
-
somente se a expressão é verdadeira.
-
E caso contrário, pulamos para o fim.
-
Mas o é interessante é que,
-
com um loop "while"
-
temos algo secreto acontecendo
na parte inferior.
-
que diz "volte para o início do loop".
-
E o que esta instrução secreta significa
-
é que em vez de sair e seguir em frente,
-
como com uma condicional,
-
cada vez que executamos o corpo do loop
-
nós vamos voltar e verificar
-
se a condição ainda é verdadeira.
-
E se for,
-
vamos apenas repetir mais uma vez.
-
E, assim como você deve ter adivinhado,
a segunda vez que repetimos
-
faremos a mesma coisa.
-
"Volte para o início,
-
'y' ainda é menor do que 279?"
-
E se for, vamos repetir mais uma vez
-
e continuar verificando.
-
E se não for, voltamos para o início aqui.
-
E, finalmente,
-
saímos do loop,
-
e continuamos com nosso programa.
-
Excelente! Existem maneiras mais
-
interessantes de usar laços
-
que aprenderemos em breve.
-
Mas por enquanto, você está pronto
pra um ótimo começo.
-
Legendado por [Pablo Vieira]
Revisado por [Cainã Perri]