WEBVTT

00:00:01.078 --> 00:00:04.426
Você já aprendeu a usar variáveis para
armazenar números ou strings.

00:00:04.426 --> 00:00:06.224
Agora aprenderemos sobre arrays,

00:00:06.224 --> 00:00:09.626
que nos deixam armazenar múltiplos valores
em apenas uma variável.

00:00:09.626 --> 00:00:13.148
Você verá que os arrays nos deixam
fazer diversas coisas úteis.

00:00:13.148 --> 00:00:15.015
Vamos dar uma revisada em variáveis.

00:00:15.015 --> 00:00:19.725
Temos var myFriend = "Sophia".

00:00:19.725 --> 00:00:22.823
Usamos variáveis para armazenar 
valores, como Sophia,

00:00:22.823 --> 00:00:26.621
e as rotulamos para que possamos
utilizá-la mais tarde.

00:00:26.621 --> 00:00:28.201
Podemos pensá-la como uma gaveta


00:00:28.201 --> 00:00:30.672
com um rótulo myFriend 
do lado de fora

00:00:30.672 --> 00:00:32.575
e Sophia do lado de dentro

00:00:32.575 --> 00:00:35.499
Portanto, quando olhamos dentro
da gaveta, encontramos Sophia.

00:00:36.009 --> 00:00:39.707
Algumas vezes nós queremos guardar 
múltiplos valores em uma única variável.

00:00:39.707 --> 00:00:41.945
Não podemos fazê-lo
desta forma.

00:00:41.945 --> 00:00:46.264
porque teremos um erro de sintaxe 
e o programa vai ter problemas.

00:00:46.264 --> 00:00:50.869
Mas temos uma forma específica para
fazê-lo que é usar arrays.

00:00:50.869 --> 00:00:56.030
Podemos dizer myFriends =, 
depois colocamos os braços

00:00:56.030 --> 00:00:58.764
e dentro deles é onde colocaremos
todos os valores.

00:00:58.764 --> 00:01:03.710
Então colocaremos Sophia, John e Leif.

00:01:03.710 --> 00:01:06.130
Esses são meus três amigos.

00:01:06.130 --> 00:01:09.326
Talvez em ordem do tanto que eu 
gosto deles, mas não os conte isso.

00:01:09.326 --> 00:01:13.025
Agora nossa variável armazena
três valores, não apenas um.

00:01:13.025 --> 00:01:16.151
Podemos imaginá-la como se fosse
uma cômoda com várias gavetas.

00:01:16.151 --> 00:01:18.451
e podemos colocar este rótulo
myFriends na cômoda

00:01:18.451 --> 00:01:20.263
e podemos apenas abrir
a gaveta correta

00:01:20.263 --> 00:01:23.115
para encontrar o valor que 
estamos procurando.

00:01:23.115 --> 00:01:25.146
Você pode imaginar
que na cômoda,

00:01:25.146 --> 00:01:27.626
se você quiser saber o que há
na primeira gaveta

00:01:27.626 --> 00:01:29.816
seria necessário apenas
abri-la e olhar dentro.

00:01:29.816 --> 00:01:31.666
Então como fazemos isso
com nosso array?

00:01:31.916 --> 00:01:34.860
Devemos digitar o nome do array

00:01:34.860 --> 00:01:39.445
e depois os braços novamente

00:01:39.445 --> 00:01:42.466
e, em seguida, o número de
o que quer que seja.

00:01:42.466 --> 00:01:45.608
Talvez seria o número um.

00:01:45.608 --> 00:01:50.765
Então vamos tentar isso usando o comando
text para mostrar Sophia no quadro.

00:01:50.765 --> 00:01:55.630
Digitamos: myFriends, ohh, friend
é uma palavra difícil de digitar.

00:01:55.630 --> 00:01:59.688
myFriends[1] e depois colocamos 
estes valores aqui.

00:01:59.688 --> 00:02:02.014
Depois vamos inserir o 
comando fill(255, 0, 0)

00:02:02.014 --> 00:02:03.290
Oh, ok.

00:02:03.820 --> 00:02:06.221
Apareceu John. Por quê apareceu John?

00:02:06.221 --> 00:02:09.685
Digitamos um naquele índice 
de elemento, certo?

00:02:09.685 --> 00:02:10.993
Este um aqui.

00:02:10.993 --> 00:02:15.728
Bem, isto é porque os arrays começam
no índice zero e não um.

00:02:15.728 --> 00:02:18.202
Isso definitivamente parece 
estranho no início

00:02:18.202 --> 00:02:19.888
mas você se acostumará
com isso.

00:02:19.888 --> 00:02:23.803
Portanto, se colocarmos zero,
então vemos Sophia, certo?

00:02:23.803 --> 00:02:28.071
Se quisermos mostrar o próximo
elemento, então usamos um no índice.

00:02:28.071 --> 00:02:32.740
Caso queira mostrar o último elemento,
o terceiro, então usamos dois no índice.

00:02:32.740 --> 00:02:33.843
Então você pensa:

00:02:33.843 --> 00:02:36.658
Ok, qual deles
eu quero recuperar?

00:02:36.658 --> 00:02:38.623
Oh, vamos dar um espaço aqui.

00:02:38.623 --> 00:02:39.958
E onde ele está localizado?

00:02:39.958 --> 00:02:41.600
E então você apenas subtrai um.

00:02:41.600 --> 00:02:47.140
Ou seja, o primeiro é zero, o segundo
é um e o terceiro é dois, etc.

00:02:47.140 --> 00:02:51.727
O que acontece se eu me esquecer
e tentar acessar Leif desta forma?

00:02:51.727 --> 00:02:54.129
Ou então, digamos, com myFrinds[3]?

00:02:54.129 --> 00:02:55.952
Bem, não teremos nenhum resultado.

00:02:55.952 --> 00:02:58.434
Isso é porque não há nada lá.

00:02:58.434 --> 00:03:02.234
Quando o índice é três, procura-se
o quarto elemento

00:03:02.234 --> 00:03:04.898
e o quarto elemento não existe.
Então não aparecerá nada.

00:03:04.898 --> 00:03:08.039
E isso é algo que pode acontecer muito
quando você utilizar arrays.

00:03:08.039 --> 00:03:09.548
Então, apenas lembre-se disso.

00:03:09.548 --> 00:03:12.012
Ocorre o mesmo quando tento
acessar o 100.

00:03:12.012 --> 00:03:15.474
Porque eu não tenho 100 amigos,
tenho apenas três.

00:03:15.474 --> 00:03:19.189
Então não aparece nada, certo?
Vamos limpar isso.

00:03:19.189 --> 00:03:23.156
Vamos controlar quantos amigos eu tenho
porque eu estou realmente orgulhosa

00:03:23.156 --> 00:03:26.186
Eu tenho três amigos e quero deixar
todos sabendo disso.

00:03:26.186 --> 00:03:29.134
Vou declarar isso para o mundo.
Então digito:

00:03:29.134 --> 00:03:36.504
"Eu tenho " + numFriends + "amigos!!!"

00:03:36.504 --> 00:03:39.601
Ok, eu tenho três amigos, oba.

00:03:39.601 --> 00:03:42.676
Bem, não são muitos. Talvez 
Winston se sitna mal por mim

00:03:42.676 --> 00:03:45.895
e diz que será meu amigo e
que posso adicioná-lo ao array.

00:03:45.895 --> 00:03:47.749
Isso é muito legal, obrigado Winston!

00:03:47.749 --> 00:03:51.454
Portanto, adiciono Winston. Oh, ainda
mostra que tenho apenas três amigos.

00:03:51.454 --> 00:03:53.976
Isto é porque tenho que atualizar
esta variável aqui.

00:03:53.976 --> 00:03:56.672
Isto quer dizer que toda vez
que eu adicionar neste array

00:03:56.672 --> 00:03:58.456
eu terei que atualizar
esta variável

00:03:58.456 --> 00:04:00.167
e isso pode ficar muito chato.

00:04:00.167 --> 00:04:03.801
Especialmente se todos vocês que estão
assistindo decidirem ser meus amigos.

00:04:03.801 --> 00:04:07.900
Terei que atualizar isso milhares de vezes
e esta variável aqui toda vez.

00:04:07.900 --> 00:04:09.196
Então aqui vai uma dica:

00:04:09.196 --> 00:04:13.666
Queremos saber qual é o comprimento
de uma array com tanta frequência

00:04:13.666 --> 00:04:15.762
que existe uma forma 
especial de fazer isso.

00:04:15.762 --> 00:04:18.312
O array terá o controle de qual
é o seu comprimento

00:04:18.312 --> 00:04:20.529
usando uma propriedade
chamada "length".

00:04:20.529 --> 00:04:25.573
Para usá-la, escrevemos:
myFriends.length

00:04:25.573 --> 00:04:26.902
e teremos seu comprimento.

00:04:26.902 --> 00:04:28.273
Vê? Agora ele mostra quatro.

00:04:28.273 --> 00:04:30.655
Posso remover esta variável,
não preciso dela mais.

00:04:30.655 --> 00:04:33.649
Esta propriedade será atualizada quando
adicionarmos elementos.

00:04:33.649 --> 00:04:35.994
Talvez o cara do "Oh noes",
decida ser meu amigo.

00:04:35.994 --> 00:04:40.382
E eu direi: Ok, você é um pouco mal
mas tudo bem, será meu amigo.

00:04:40.382 --> 00:04:43.527
Podemos continuar adicionando 
e length continuará se atualizando.

00:04:43.527 --> 00:04:46.074
Isso é muito legal, porque

00:04:46.074 --> 00:04:49.674
facilita o trabalho para controlar
o comprimento do array.

00:04:49.674 --> 00:04:53.618
Praticamente, quando você precisar 
armazenar lista de valores como esta,

00:04:53.618 --> 00:04:55.242
você usará um array.

00:04:55.242 --> 00:04:56.851
Continue assistindo
para descobrir

00:04:56.851 --> 00:04:59.379
todas as coisas muito legais 
onde podemos usá-los.

00:04:59.379 --> 00:04:59.990
Legendado por [Carlos A. N. C. R.] Revisado por [Valter Bigeli]