1 00:00:00,410 --> 00:00:01,880 Tudo bem, voltaremos. 2 00:00:02,100 --> 00:00:07,110 Então, neste vídeo, vamos discutir a nossa primeira estrutura de dados principal, algo 3 00:00:07,110 --> 00:00:08,200 chamado de matriz. 4 00:00:09,060 --> 00:00:10,520 Então temos alguns objetivos aqui. 5 00:00:10,710 --> 00:00:15,340 O primeiro é que queremos entender quais arrays são e por que os usamos. 6 00:00:15,810 --> 00:00:18,210 E, em seguida, queremos usá-los em nosso código. 7 00:00:18,540 --> 00:00:22,840 Então, comece por falar sobre conceitualmente qual é o ponto de uma matriz. 8 00:00:23,130 --> 00:00:25,930 Então suponho que eu queria modelar um grupo de amigos. 9 00:00:26,130 --> 00:00:32,380 Então, cada amigo é uma corda com seu nome como Charlie e Liz David e Mathias. 10 00:00:32,640 --> 00:00:35,130 Então eu poderia fazer variáveis ​​para amigos. 11 00:00:35,160 --> 00:00:41,100 Cada uma é uma variável separada e se eu quisesse adicionar outra que eu precisaria salvar nosso amigo 5 é 12 00:00:41,340 --> 00:00:42,880 igual a algum outro nome. 13 00:00:43,020 --> 00:00:47,700 E então eu preciso saber para o próximo que eu preciso fazer forense e, em seguida, amigo 7. 14 00:00:47,880 --> 00:00:50,340 E isso é problemático por alguns motivos. 15 00:00:50,340 --> 00:00:53,730 Um deles é que esse código não é o que consideramos seco. 16 00:00:53,730 --> 00:00:56,040 Há muitos códigos repetidos aqui. 17 00:00:56,040 --> 00:00:59,150 Também esses amigos não estão relacionados uns com os outros. 18 00:00:59,220 --> 00:01:00,490 Eles são totalmente separados. 19 00:01:00,690 --> 00:01:02,640 Então não é realmente um grupo de amigos. 20 00:01:02,940 --> 00:01:08,730 Então, este é um caso de uso perfeito para uma matriz, uma matriz deixa seus dados de grupo em uma lista. 21 00:01:09,060 --> 00:01:15,930 Então, ao invés de ter quatro variáveis ​​separadas, podemos escrever uma variável e dentro dela 22 00:01:15,930 --> 00:01:17,840 armazenamos quatro nomes diferentes. 23 00:01:17,880 --> 00:01:21,260 Então, vamos dar uma olhada em como os arrays funcionam. 24 00:01:21,420 --> 00:01:23,340 Eu tenho o mesmo código de exemplo aqui. 25 00:01:23,490 --> 00:01:26,940 Var amigos são iguais e depois colchetes. 26 00:01:26,970 --> 00:01:30,080 Então, isso é o que diz ao javascript que esta é uma matriz. 27 00:01:30,120 --> 00:01:35,760 Até este ponto, aqui estamos lidando apenas com uma variável de javascript regular, onde, no lado direito, 28 00:01:35,880 --> 00:01:40,610 possamos apenas ter uma string ou um número ou booleano ou indefinido ou não. 29 00:01:40,800 --> 00:01:42,850 Mas, em vez disso, temos uma matriz. 30 00:01:43,260 --> 00:01:45,520 Portanto, os colchetes indicam uma matriz. 31 00:01:45,540 --> 00:01:48,960 Você pode ver o suporte fechado do suporte aberto. 32 00:01:49,140 --> 00:01:53,070 E dentro, temos nossa lista de dados para declarar uma matriz. 33 00:01:53,310 --> 00:01:55,230 É uma lista separada por vírgulas. 34 00:01:55,320 --> 00:01:59,760 Então nós temos nossos valores como Charlie comma Liz vírgula David vírgula. 35 00:01:59,790 --> 00:02:00,780 MATHIAS. 36 00:02:00,780 --> 00:02:03,920 E isso resulta em uma série de quatro itens. 37 00:02:03,930 --> 00:02:09,390 A segunda informação importante sobre arrays é que eles são indexados como caracteres 38 00:02:09,420 --> 00:02:15,750 em uma string onde há um número específico que corresponde a cada personagem começando em zero. 39 00:02:16,020 --> 00:02:18,660 Arrays também são indexados começando em zero. 40 00:02:18,900 --> 00:02:22,270 Então, cada slot nesta matriz possui um número correspondente. 41 00:02:22,410 --> 00:02:28,140 Quando formamos essa matriz aqui com estes quatro nomes Aqui está um diagrama que representa como a matriz 42 00:02:28,140 --> 00:02:29,240 é criada na memória. 43 00:02:29,310 --> 00:02:38,100 Então, temos Charlie armazenado com o número zero, pois o índice é com um David com dois Mathias com três. 44 00:02:39,600 --> 00:02:44,520 Usamos esses índices de matriz o tempo todo para obter dados da matriz. 45 00:02:44,550 --> 00:02:46,770 Então, estou inicializando a mesma série exata. 46 00:02:46,970 --> 00:02:53,550 E se eu quiser tirar Charlie da matriz, preciso saber o índice que corresponde a Charlee, 47 00:02:53,550 --> 00:02:54,290 que é. 48 00:02:54,810 --> 00:02:56,820 E então, tudo o que faço é escrever amigos. 49 00:02:57,030 --> 00:02:59,450 O suporte do nome da variável é 0. 50 00:02:59,580 --> 00:03:03,300 Assim como seria para string se eu quisesse o primeiro personagem de novo. 51 00:03:03,340 --> 00:03:08,190 A única diferença é que não estamos lidando com uma série de caracteres que estamos lidando com 52 00:03:08,640 --> 00:03:09,940 uma série de cordas. 53 00:03:10,530 --> 00:03:13,930 Então, amigo 0 vai me dar Chartley. 54 00:03:14,190 --> 00:03:22,500 Da mesma forma, se eu fiz amigos, quem me dá vidas mais um coração e amigos dois, me dá David e 55 00:03:22,500 --> 00:03:23,980 acabamos com Liz Hart. 56 00:03:24,060 --> 00:03:30,370 David também podemos usar os índices para atualizar os valores da matriz. 57 00:03:30,630 --> 00:03:37,320 Então, se Charlie quer mudar seu nome para mandar tudo o que tenho que fazer, é encontrar 58 00:03:37,320 --> 00:03:43,300 Charlie na matriz com zero zero zero de zero e configurá-lo igual a outro Chuck. 59 00:03:43,320 --> 00:03:47,460 Então, nossa matriz se parece a isso onde temos Chuck no índice 0. 60 00:03:47,460 --> 00:03:48,990 A mesma coisa com Liz. 61 00:03:49,020 --> 00:03:56,670 Ela muda seu nome para Lizzie, nós apenas encontramos o índice correto para Liz, que é um amigo de um, é igual a Lizzie, 62 00:03:56,940 --> 00:03:59,370 como você pode ver aqui em nossa matriz. 63 00:03:59,370 --> 00:04:05,090 Agora parece Chuck em zero Lizzy em 1. 64 00:04:05,520 --> 00:04:10,280 A próxima característica dos arrays é que também podemos adicionar dados a uma matriz existente. 65 00:04:10,290 --> 00:04:15,150 Então, se eu tiver um novo amigo que seria incrível, eu poderia realmente usar alguns novos amigos, 66 00:04:15,150 --> 00:04:20,430 tudo o que eu preciso fazer é acessar amigos e colocar um índice aqui que ainda não existe. 67 00:04:20,430 --> 00:04:29,490 Então, neste caso, e se eu fizer amigos para famílias iguais, vou ter uma liderança abaixo do índice, pois 68 00:04:29,490 --> 00:04:36,750 não vou mostrar uma demonstração rápida no con. Eu vou usar uma matriz para modelar cores para 69 00:04:36,750 --> 00:04:37,410 fazer isso. 70 00:04:37,440 --> 00:04:43,980 Eu vou definir uma série de var cores iguais e eu vou 71 00:04:43,980 --> 00:04:53,030 colocar apenas algumas cores lá como cordas para começar vermelho laranja e amarelo e vou tocar Enter. 72 00:04:53,070 --> 00:04:55,480 Agora eu tenho a minha matriz de cores definida. 73 00:04:55,670 --> 00:05:02,840 Se eu acessar cores, ele tem três itens e se eu quisesse imprimir laranja, eu faria cores para 74 00:05:02,840 --> 00:05:12,840 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 75 00:05:12,960 --> 00:05:14,910 queria adicionar em verde. 76 00:05:14,910 --> 00:05:17,880 Eu precisaria contar 0 1 2. 77 00:05:18,090 --> 00:05:20,410 Então o índice de 3 é o próximo. 78 00:05:20,460 --> 00:05:25,240 O índice de três cores três é verde. 79 00:05:25,540 --> 00:05:30,390 E agora, se olharmos para as cores, obtenho vermelho verde amarelo laranja. 80 00:05:30,420 --> 00:05:33,930 Suponha que eu queria mudar de verde para ser verde escuro. 81 00:05:34,530 --> 00:05:36,120 Eu preciso acessá-lo primeiro. 82 00:05:36,180 --> 00:05:37,640 Então cores 3. 83 00:05:37,710 --> 00:05:40,270 Apenas verifique se isso é verde. 84 00:05:40,350 --> 00:05:47,490 Então, agora vou mudar as cores três para ser verde escuro e é isso. 85 00:05:47,490 --> 00:05:57,300 Uma nota rápida se eu fizer algo como cores de 10 é igual a Violet e bati enter. 86 00:05:57,740 --> 00:05:59,450 E vamos dar uma olhada no que as cores se parecem. 87 00:05:59,450 --> 00:06:06,280 Agora você pode ver que eu recebo vermelho laranja amarelo verde escuro e então mostra indefinido. 88 00:06:06,290 --> 00:06:08,060 Tempos 6. 89 00:06:08,070 --> 00:06:14,610 Então, o que aconteceu aqui é que eu adicionei o Violet um índice de 10 e isso nos deixa com muito 90 00:06:14,790 --> 00:06:18,030 espaço em branco entre índice de 3 e índice de 10. 91 00:06:18,060 --> 00:06:22,000 Então javascript faz espaços vazios lá e preenche alguns com indefinido. 92 00:06:22,290 --> 00:06:25,680 Então, há um monte de espaço vazio nesta matriz que não é ideal. 93 00:06:25,680 --> 00:06:29,700 Então, no próximo vídeo, vou mostrar-lhe outra maneira de adicionar dados onde não temos que 94 00:06:29,700 --> 00:06:33,690 acompanhar a quantidade de itens na nossa matriz a qualquer momento para encerrar aqui. 95 00:06:33,690 --> 00:06:36,030 Eu tenho algumas outras notas sobre arrays. 96 00:06:36,030 --> 00:06:40,130 O primeiro deles é que existem diferentes maneiras de definir arrays. 97 00:06:40,170 --> 00:06:44,460 A primeira maneira é definir uma matriz vazia usando colchetes. 98 00:06:44,760 --> 00:06:48,960 Nesse caso, eu defini um conjunto de amigos, mas não tenho nenhum amigo, infelizmente. 99 00:06:49,140 --> 00:06:51,200 Então, é apenas colchetes vazios. 100 00:06:51,360 --> 00:06:57,670 A outra maneira de definir uma matriz que você pode encontrar é escrever uma nova matriz com um A 101 00:06:57,770 --> 00:06:59,560 principal e parênteses depois dele. 102 00:06:59,610 --> 00:07:05,130 Então, não vou entrar em detalhes demais sobre o que é isso, mas penso nisso como uma função. 103 00:07:05,130 --> 00:07:06,020 É uma função. 104 00:07:06,070 --> 00:07:07,570 Nós estamos chamando isso de parênteses. 105 00:07:07,650 --> 00:07:10,520 Isso nos torna uma nova matriz, assim como essa. 106 00:07:10,650 --> 00:07:12,840 Portanto, estes são equivalentes em ambos os casos. 107 00:07:12,840 --> 00:07:15,760 Nós temos um conjunto de amigos vazio. 108 00:07:15,900 --> 00:07:19,370 O próximo ponto é que os arrays podem conter qualquer tipo de dados. 109 00:07:19,560 --> 00:07:25,140 Então, você só os viu até agora com cordas como Charlie e Liz, mas podemos 110 00:07:25,380 --> 00:07:32,130 preenchê-los com números com booleanos sem indefinido com cordas com outros arrays que verão um pouco mais tarde. 111 00:07:32,340 --> 00:07:34,340 Então podemos preencher arrays com todos os tipos de dados. 112 00:07:34,590 --> 00:07:36,820 E eles não têm que ser de um tipo. 113 00:07:36,840 --> 00:07:43,170 Então, aqui está um exemplo com um número de boolean uma string e não tudo em uma matriz. 114 00:07:43,230 --> 00:07:48,640 A última coisa que vou apontar é que os arrays também possuem uma propriedade de comprimento, como cordas. 115 00:07:48,960 --> 00:07:54,960 Neste exemplo, estou definindo uma série de quatro itens e não corro nada surpreendente. 116 00:07:55,050 --> 00:07:56,430 Isso me dá quatro. 117 00:07:56,850 --> 00:07:59,490 Vou prosseguir e abrir meu cônsul e demonstrar isso. 118 00:07:59,790 --> 00:08:04,400 Vamos definir uma nova matriz aqui chamada cães e cães. 119 00:08:04,500 --> 00:08:07,370 Eu vou definir uma string. 120 00:08:07,510 --> 00:08:16,460 Rusty Wyatt e Ali assim. 121 00:08:16,740 --> 00:08:24,040 E se eu corro Dogstar ao longo, eu recebo três porque o comprimento apenas conta. 122 00:08:24,060 --> 00:08:25,480 Quantas coisas estão lá. 123 00:08:25,770 --> 00:08:31,140 Mas lembre-se de que o índice mais alto nesta matriz é sempre um menos do que o comprimento. 124 00:08:31,200 --> 00:08:37,630 Então, todo é um índice para o suporte de cães 2 e você obtém todos os. 125 00:08:37,710 --> 00:08:39,660 Então, isso é importante, como cordas. 126 00:08:39,840 --> 00:08:46,230 Nós podemos definir um nome de string var igual a resti e nós chamamos hotlink. 127 00:08:46,770 --> 00:08:54,000 Temos 5 porque há cinco caracteres, mas o índice do Y é índice para o nome de quatro. 128 00:08:54,180 --> 00:08:55,410 Me dá o porquê. 129 00:08:55,410 --> 00:08:58,700 Porque os índices começam em zero. 130 00:08:58,710 --> 00:08:59,840 Tudo bem, então é para uma corrida. 131 00:08:59,850 --> 00:09:02,780 Agora, no próximo vídeo, teremos um problema rápido.