Tudo bem, voltaremos.
Então, neste vídeo, vamos discutir a nossa primeira estrutura de dados principal, algo
chamado de matriz.
Então temos alguns objetivos aqui.
O primeiro é que queremos entender quais arrays são e por que os usamos.
E, em seguida, queremos usá-los em nosso código.
Então, comece por falar sobre conceitualmente qual é o ponto de uma matriz.
Então suponho que eu queria modelar um grupo de amigos.
Então, cada amigo é uma corda com seu nome como Charlie e Liz David e Mathias.
Então eu poderia fazer variáveis ​​para amigos.
Cada uma é uma variável separada e se eu quisesse adicionar outra que eu precisaria salvar nosso amigo 5 é
igual a algum outro nome.
E então eu preciso saber para o próximo que eu preciso fazer forense e, em seguida, amigo 7.
E isso é problemático por alguns motivos.
Um deles é que esse código não é o que consideramos seco.
Há muitos códigos repetidos aqui.
Também esses amigos não estão relacionados uns com os outros.
Eles são totalmente separados.
Então não é realmente um grupo de amigos.
Então, este é um caso de uso perfeito para uma matriz, uma matriz deixa seus dados de grupo em uma lista.
Então, ao invés de ter quatro variáveis ​​separadas, podemos escrever uma variável e dentro dela
armazenamos quatro nomes diferentes.
Então, vamos dar uma olhada em como os arrays funcionam.
Eu tenho o mesmo código de exemplo aqui.
Var amigos são iguais e depois colchetes.
Então, isso é o que diz ao javascript que esta é uma matriz.
Até este ponto, aqui estamos lidando apenas com uma variável de javascript regular, onde, no lado direito,
possamos apenas ter uma string ou um número ou booleano ou indefinido ou não.
Mas, em vez disso, temos uma matriz.
Portanto, os colchetes indicam uma matriz.
Você pode ver o suporte fechado do suporte aberto.
E dentro, temos nossa lista de dados para declarar uma matriz.
É uma lista separada por vírgulas.
Então nós temos nossos valores como Charlie comma Liz vírgula David vírgula.
MATHIAS.
E isso resulta em uma série de quatro itens.
A segunda informação importante sobre arrays é que eles são indexados como caracteres
em uma string onde há um número específico que corresponde a cada personagem começando em zero.
Arrays também são indexados começando em zero.
Então, cada slot nesta matriz possui um número correspondente.
Quando formamos essa matriz aqui com estes quatro nomes Aqui está um diagrama que representa como a matriz
é criada na memória.
Então, temos Charlie armazenado com o número zero, pois o índice é com um David com dois Mathias com três.
Usamos esses índices de matriz o tempo todo para obter dados da matriz.
Então, estou inicializando a mesma série exata.
E se eu quiser tirar Charlie da matriz, preciso saber o índice que corresponde a Charlee,
que é.
E então, tudo o que faço é escrever amigos.
O suporte do nome da variável é 0.
Assim como seria para string se eu quisesse o primeiro personagem de novo.
A única diferença é que não estamos lidando com uma série de caracteres que estamos lidando com
uma série de cordas.
Então, amigo 0 vai me dar Chartley.
Da mesma forma, se eu fiz amigos, quem me dá vidas mais um coração e amigos dois, me dá David e
acabamos com Liz Hart.
David também podemos usar os índices para atualizar os valores da matriz.
Então, se Charlie quer mudar seu nome para mandar tudo o que tenho que fazer, é encontrar
Charlie na matriz com zero zero zero de zero e configurá-lo igual a outro Chuck.
Então, nossa matriz se parece a isso onde temos Chuck no índice 0.
A mesma coisa com Liz.
Ela muda seu nome para Lizzie, nós apenas encontramos o índice correto para Liz, que é um amigo de um, é igual a Lizzie,
como você pode ver aqui em nossa matriz.
Agora parece Chuck em zero Lizzy em 1.
A próxima característica dos arrays é que também podemos adicionar dados a uma matriz existente.
Então, se eu tiver um novo amigo que seria incrível, eu poderia realmente usar alguns novos amigos,
tudo o que eu preciso fazer é acessar amigos e colocar um índice aqui que ainda não existe.
Então, neste caso, e se eu fizer amigos para famílias iguais, vou ter uma liderança abaixo do índice, pois
não vou mostrar uma demonstração rápida no con. Eu vou usar uma matriz para modelar cores para
fazer isso.
Eu vou definir uma série de var cores iguais e eu vou
colocar apenas algumas cores lá como cordas para começar vermelho laranja e amarelo e vou tocar Enter.
Agora eu tenho a minha matriz de cores definida.
Se eu acessar cores, ele tem três itens e se eu quisesse imprimir laranja, eu faria cores para
o pacote 1, porque ele possui um índice de 1 e eu recebo laranja se eu quiser adicionar outro elemento após o amarelo que eu
queria adicionar em verde.
Eu precisaria contar 0 1 2.
Então o índice de 3 é o próximo.
O índice de três cores três é verde.
E agora, se olharmos para as cores, obtenho vermelho verde amarelo laranja.
Suponha que eu queria mudar de verde para ser verde escuro.
Eu preciso acessá-lo primeiro.
Então cores 3.
Apenas verifique se isso é verde.
Então, agora vou mudar as cores três para ser verde escuro e é isso.
Uma nota rápida se eu fizer algo como cores de 10 é igual a Violet e bati enter.
E vamos dar uma olhada no que as cores se parecem.
Agora você pode ver que eu recebo vermelho laranja amarelo verde escuro e então mostra indefinido.
Tempos 6.
Então, o que aconteceu aqui é que eu adicionei o Violet um índice de 10 e isso nos deixa com muito
espaço em branco entre índice de 3 e índice de 10.
Então javascript faz espaços vazios lá e preenche alguns com indefinido.
Então, há um monte de espaço vazio nesta matriz que não é ideal.
Então, no próximo vídeo, vou mostrar-lhe outra maneira de adicionar dados onde não temos que
acompanhar a quantidade de itens na nossa matriz a qualquer momento para encerrar aqui.
Eu tenho algumas outras notas sobre arrays.
O primeiro deles é que existem diferentes maneiras de definir arrays.
A primeira maneira é definir uma matriz vazia usando colchetes.
Nesse caso, eu defini um conjunto de amigos, mas não tenho nenhum amigo, infelizmente.
Então, é apenas colchetes vazios.
A outra maneira de definir uma matriz que você pode encontrar é escrever uma nova matriz com um A
principal e parênteses depois dele.
Então, não vou entrar em detalhes demais sobre o que é isso, mas penso nisso como uma função.
É uma função.
Nós estamos chamando isso de parênteses.
Isso nos torna uma nova matriz, assim como essa.
Portanto, estes são equivalentes em ambos os casos.
Nós temos um conjunto de amigos vazio.
O próximo ponto é que os arrays podem conter qualquer tipo de dados.
Então, você só os viu até agora com cordas como Charlie e Liz, mas podemos
preenchê-los com números com booleanos sem indefinido com cordas com outros arrays que verão um pouco mais tarde.
Então podemos preencher arrays com todos os tipos de dados.
E eles não têm que ser de um tipo.
Então, aqui está um exemplo com um número de boolean uma string e não tudo em uma matriz.
A última coisa que vou apontar é que os arrays também possuem uma propriedade de comprimento, como cordas.
Neste exemplo, estou definindo uma série de quatro itens e não corro nada surpreendente.
Isso me dá quatro.
Vou prosseguir e abrir meu cônsul e demonstrar isso.
Vamos definir uma nova matriz aqui chamada cães e cães.
Eu vou definir uma string.
Rusty Wyatt e Ali assim.
E se eu corro Dogstar ao longo, eu recebo três porque o comprimento apenas conta.
Quantas coisas estão lá.
Mas lembre-se de que o índice mais alto nesta matriz é sempre um menos do que o comprimento.
Então, todo é um índice para o suporte de cães 2 e você obtém todos os.
Então, isso é importante, como cordas.
Nós podemos definir um nome de string var igual a resti e nós chamamos hotlink.
Temos 5 porque há cinco caracteres, mas o índice do Y é índice para o nome de quatro.
Me dá o porquê.
Porque os índices começam em zero.
Tudo bem, então é para uma corrida.
Agora, no próximo vídeo, teremos um problema rápido.