Return to Video

For-In Loops Quiz - JavaScript Basics

  • 0:00 - 0:04
    Aqui está um último loop útil,
    o loop for in.
  • 0:04 - 0:08
    Os loops for in nos permitem iterar
    facilmente por arrays ou objetos.
  • 0:08 - 0:09
    A sintaxe se parece com esta.
  • 0:09 - 0:11
    A mesma palavra-chave for.
  • 0:11 - 0:14
    Temos algum tipo de iterador, ao qual podemos
    dar qualquer nome que quisermos.
  • 0:14 - 0:17
    Temos a palavra-chave in, e um objeto ou
    um array pelo qual
  • 0:17 - 0:19
    queremos iterar.
  • 0:19 - 0:22
    Para cada um dos itens em algum objeto,
    queremos fazer algo.
  • 0:22 - 0:27
    Assim como antes, colocamos as condições
    para nosso loop for dentro de parênteses e as
  • 0:27 - 0:30
    instruções que queremos
    executar dentro de chaves.
  • 0:30 - 0:32
    É importante observar que este item, este
  • 0:32 - 0:36
    iterador nesta lista é, na verdade, o
    índice do item no objeto,
  • 0:36 - 0:40
    não o valor mantido
    no índice no objeto.
  • 0:40 - 0:41
    Vamos dar uma olhada no exemplo.
  • 0:41 - 0:43
    Temos um array chamado countries,
  • 0:43 - 0:46
    que tem os quatro principais times
    da Copa do Mundo de 2014.
  • 0:46 - 0:49
    Temos um loop for in aqui,
    que vai iterar por cada país
  • 0:49 - 0:53
    do array de países.
    Nós queremos o log desse país.
  • 0:53 - 0:54
    Ei, James.
  • 0:54 - 0:56
    Você vê algo errado com este código?
  • 0:56 - 0:59
    Serão impressos apenas de
    zero a três, e não o
  • 0:59 - 1:01
    nome real do país.
  • 1:01 - 1:01
    Por quê?
  • 1:01 - 1:04
    Porque o país é um
    iterador em países.
  • 1:04 - 1:06
    Não é o valor real do país.
  • 1:06 - 1:08
    Está certo, então vamos fazer uma alteração.
  • 1:08 - 1:12
    Em vez disso, devemos ter "console.log
    countries" do índice "country".
  • 1:12 - 1:13
    Vamos ver se isso está correto.
  • 1:13 - 1:16
    Aqui está nosso loop for
    in em uma linha de código.
  • 1:16 - 1:18
    Ao usar Shift + Enter,
    podemos colocar isso
  • 1:18 - 1:19
    em um formato muito mais legal.
  • 1:19 - 1:23
    Então vemos "for (country in countries)"
    "console.log(countries[country])" e
  • 1:23 - 1:25
    pressiono Enter.
  • 1:25 - 1:28
    Vemos Alemanha, Argentina,
    Brasil e os Países Baixos.
  • 1:28 - 1:32
    Você já deve ter um objeto work com
    todas as suas experiências de trabalho.
  • 1:32 - 1:36
    Quero que você escreva um loop for-in
    que itere por todas as tarefas
  • 1:36 - 1:41
    do seu objeto work e as acrescente
    em um novo elemento HTMLworkStart.
  • 1:41 - 1:46
    Quero que você também formate o
    empregador de cada trabalho com HTMLworkEmployer
  • 1:46 - 1:52
    em cada cargo com HTMLworkTitle
    e acrescente tudo isso na página.
  • 1:52 - 1:53
    Clique nesta caixa quando terminar.
タイトル:
For-In Loops Quiz - JavaScript Basics
概説:

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

Portuguese, Brazilian subtitles

改訂 Compare revisions