Return to Video

While Loops - JavaScript Basics

  • 0:06 - 0:09
    Ei, James, não era esse tipo de
    aborrecimento que você tinha para digitar
  • 0:09 - 0:10
    a mesma instrução if duas vezes?
  • 0:11 - 0:13
    Sim! Acho que quebrei uma
    das principais regras
  • 0:13 - 0:15
    da programação: não se repita.
  • 0:15 - 0:17
    É! E com isso em mente,
  • 0:17 - 0:20
    acho que essa é a hora
    de falarmos sobre loops.
  • 0:20 - 0:23
    É por isso que estamos
    olhando um GIF animado?
  • 0:23 - 0:24
    Certo. Esse é um motivo.
  • 0:24 - 0:27
    O segundo é porque
    esse é um GIF incrível.
  • 0:27 - 0:30
    Mas acho mesmo que o importante
    aqui é que um GIF
  • 0:30 - 0:32
    se repete automaticamente.
  • 0:32 - 0:33
    Não precisamos dizer a um GIF
    para se reproduzir novamente.
  • 0:33 - 0:34
    Ele já faz isso.
  • 0:34 - 0:38
    Na verdade, o JavaScript também nos dá
    algumas ferramentas para isso.
  • 0:38 - 0:40
    Vamos em frente
    e começar com um loop while.
  • 0:41 - 0:45
    Um loop while nos permite
    repetir parte do código,
  • 0:45 - 0:48
    contanto que alguma condição
    seja avaliada como verdadeira.
  • 0:49 - 0:53
    Se ela não for avaliada como verdadeira,
    encerramos o loop while.
  • 0:53 - 0:56
    A sintaxe é while, condition
  • 0:57 - 1:00
    e, entre chaves,
    algum tipo de código aqui.
  • 1:00 - 1:02
    Para este, temos doSomething();.
  • 1:03 - 1:06
    Ei, vamos mostrar um exemplo.
  • 1:07 - 1:12
    OK. While(cameron.job
    ==="course dev"),
  • 1:12 - 1:14
    cuja condição deve ser makeCourse.
  • 1:14 - 1:16
    Gosto desse exemplo.
  • 1:16 - 1:18
    Observe como isso é semelhante
    ao python, mas inclui
  • 1:18 - 1:20
    condições entre parênteses,
  • 1:21 - 1:24
    ações em chaves,
    como as instruções if.
  • 1:24 - 1:27
    Lembre-se de que, se a condição
    for avaliada como verdadeira,
  • 1:27 - 1:29
    executaremos a ação.
    Perguntamos novamente,
  • 1:29 - 1:31
    é verdadeira?
  • 1:31 - 1:33
    Continuaremos seguindo este loop.
  • 1:33 - 1:34
    Até que a condição
    não seja mais verdadeira,
  • 1:34 - 1:36
    ponto em que encerraremos o loop.
  • 1:36 - 1:39
    Aqui, como meu trabalho
    é desenvolvedor de cursos,
  • 1:39 - 1:40
    manterei makeCourse.
  • 1:40 - 1:43
    O loop while se perguntará
    novamente "Cameron
  • 1:43 - 1:43
    ainda é desenvolvedor de cursos?"
  • 1:43 - 1:45
    Se sim, makeCourse.
  • 1:45 - 1:47
    Até algum ponto,
    quando meu trabalho não for mais
  • 1:47 - 1:50
    desenvolvedor de cursos
    e eu encerrarei o loop.
  • 1:50 - 1:51
    Como isso pode acontecer?
  • 1:52 - 1:55
    Talvez haja um limite de
    quantidade de cursos que posso fazer.
  • 1:55 - 1:56
    Dez cursos no máximo.
  • 1:57 - 1:57
    Sabe de uma coisa?
  • 1:57 - 1:59
    Vamos ver como é isso em código.
  • 2:00 - 2:01
    Fora do loop,
  • 2:01 - 2:04
    criarei um iterador chamado courses, que vai começar em 0.
  • 2:05 - 2:08
    Isso vai rastrear
    quantos cursos eu fiz.
  • 2:08 - 2:09
    Depois de fazer um curso,
  • 2:09 - 2:13
    vou adicionar 1 ao número
    de cursos que fiz.
  • 2:13 - 2:15
    Vamos adicionar uma instrução if
    ao loop que verifica
  • 2:15 - 2:17
    se o número de cursos
    que fiz é 10.
  • 2:17 - 2:21
    Se sim, meu trabalho mudará
    para "learning specialist".
  • 2:21 - 2:23
    Depois disso, o loop é encerrado.
  • 2:23 - 2:27
    Interessante. Vamos ver
    se isso funciona.
  • 2:27 - 2:30
    Aqui está a função makeCourse
    em que o console registra
  • 2:30 - 2:33
    "Made a course"
    sempre que é executada.
  • 2:33 - 2:36
    E usamos "console.log(cameron.job)"
  • 2:36 - 2:39
    quando terminamos
    de executar o loop.
  • 2:39 - 2:41
    Quando o executamos,
  • 2:41 - 2:45
    podemos ver que é impresso
    "Made a course"
  • 2:45 - 2:47
    no log do console 10 vezes.
  • 2:47 - 2:48
    Quando ele termina,
  • 2:48 - 2:52
    é impresso "learning specialist",
    o novo trabalho de Cameron.
タイトル:
While Loops - JavaScript Basics
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
ud804 - Javascript Basics
Duration:
02:53

Portuguese, Brazilian subtitles

改訂 Compare revisions