Arraias de tudo JavaScript | Laurence Svekis | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

6 aulas (44 min)
    • 1. 1 Introdução de curso de matrizes

      2:12
    • 2. 2 Variáveis JavaScript Tipos de dados

      9:29
    • 3. 4 JavaScript Como funcionam os arrays

      7:58
    • 4. 5 JavaScript trabalhando com arrays

      5:22
    • 5. 6 matrizes JavaScript em ação

      12:14
    • 6. 7 matrizes JavaScript como cordas e fatias

      6:54
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

126

Estudantes

--

Sobre este curso

Arraias de tudo JavaScript

Os arrays são um bloco de construção fundamental do JavaScript neste curso vai ajudar você a entender melhor como utilizar arrays

Aprender a usar matrizes no JavaScript vai ajudar você a desenvolver melhor código JavaScript. As matrizes são um dos blocos de construção fundamentais do JavaScript!

Aprenda a armazenar valores em matrizes e como trabalhar com matrizes para utilizar dados.

Armazenar valores trabalhando com matrizes

Permite que você armazene vários valores em uma única variável

criar matrizes










Arraysliteral o final do curso, você vai ter as habilidades e saber como aplicar matrizes dentro de seu site.

Estou aqui para ajudar você a aprender a criar seus próprios sites e pronto para responder a quaisquer perguntas que você possa ter.

JavaScript é o mais adequado para demandas e aprender a usar JavaScript vai ajudar a separá-lo da multidão.

Quer saber mais, o que você está esperando dar o primeiro passo. Junte-se agora para começar a aprender como você também pode criar arrays no seu site hoje.

Conheça seu professor

Teacher Profile Image

Laurence Svekis

Best Selling Course Instructor

Professor

Web Design and Web Development Course Author - Teaching over 1,000,000 students Globally both in person and online.    Google Developer Expert since 2020 GDE

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I create... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. 1 Introdução de curso de matrizes: neste curso, vamos estar olhando para tipos de dados e como usar vários tipos de dados dentro do JavaScript que JavaScript, a pedra angular do JavaScript são os diferentes tipos de dados. E entender como usar tipos de dados é realmente importante. Meu nome é Lawrence, e eu sou um desenvolvedor web por mais de 15 anos, e eu vou compartilhar meu conhecimento com você. Dentro deste curso, vamos começar o curso, olhando para os diferentes tipos de dados, os tipos de dados padrão, os principais tipos de dados de uso como números de strings e valores booleanos. E então nós vamos estar olhando para diferentes maneiras de armazenar valores e o que evitar quando você está criando variáveis. E também vamos olhar para um aumento agora um aumento, fornecer algumas funcionalidades incríveis e maravilhosas que você pode realmente utilizar dentro do seu JavaScript. Então vamos analisar como o dedo do pé trabalha com os raios e funções comumente usadas que estão disponíveis para acelerar realmente o que você pode fazer com os raios. Vamos ver maneiras de nos juntar a um aumento, é claro, criando um aumento, empurrando valores, classificando um aumento e muito mais. Nós projetamos este curso para cobrir totalmente JavaScript um aumento para que você ajudar. Você melhor entender e aprender a usar JavaScript um aumento dentro de sua codificação. Vamos usar nossos colchetes como editor. Também vai usar o Chrome como o nosso navegador está. Crume realmente tem ferramentas de profundidade muito boas. Então isso já vem pré carregado dentro de cada versão do cromo. E este é o console. Então vamos usar uma saída colocando nosso conteúdo dentro do console. Então isso é visível. Ser capaz de entender o que está acontecendo com nosso JavaScript. Este é apenas um exemplo do que vamos estar olhando quando começarmos a trabalhar dentro do código-fonte. Então, quando você estiver pronto, vamos começar a trabalhar com os raios e mostrar fazendo com um aumento em javascript. 2. 2 Variáveis JavaScript Tipos de dados: na lição anterior, apresentamos variáveis e como era útil que pudéssemos realmente conter algum conjunto de informações e chamá-la de volta e usá-la dentro do nosso JavaScript. Então, novamente, este é um daqueles blocos fundamentais de construção de javascript e entender como criar e usar variáveis de forma eficaz vai realmente ajudá-lo a acelerar seu JavaScript. Experiência de aprendizagem é essencialmente existem três tipos principais de variáveis. Temos cordas, números e booleanos. Então você está revendo o quê? As diferenças estão entre elas. Então, apenas abrindo nosso código-fonte, vemos que já usamos variáveis antes dentro do nosso código-fonte. E o que fizemos aqui é definir este v A são nós tínhamos um nome para a variável e tivemos este sinal de igual. Então este é um operador de atribuição, e essencialmente, isso é definir meu nome igual ao que é outro lado. Mas assim como uma fórmula matemática, onde você tem um igual, qualquer que b é igual a qualquer coisa e ter esse sinal de igual os torna equivalentes. E é assim que definimos variáveis. E também notamos que tivemos que iniciá-lo e definir a variável antes de poder usá-la. Então, se a variável não foi definida em nenhum ponto dentro do nosso script, então não fomos capazes de realmente ter acesso a ele s Então é aí que usamos esse v a r e dentro da caneta de código. Eles destacaram como personagens azuis. Então nós temos através do nosso nome igual a e então nós apenas deixamos em branco. Portanto, qualquer conteúdo entre essas aspas duplas seria essa variável padrão. Então, se eu colocar algo como padrão ou algo assim lá e se eu voltar para meu código-fonte e se eu novamente, nós sempre temos que lembrar que precisamos atualizá-lo. Então, se eu clicar nisso, vemos que obtemos qualquer valor que tenha sido atribuído a essa variável. Sempre que clicar e lembrar novamente aqui, quando clicamos no botão três, obtemos essa saída que a saída de log console, porque queremos ter certeza de que estamos conteúdos do meu nome realmente não contêm valor. Agora, há algumas coisas para lembrar quando você está danificando suas variáveis que, para as melhores práticas, elas devem começar com a letra. Você também pode começá-los com um entender com um sublinhado que deveria ter sido aqui . Você também pode iniciá-los com o cifrão. Então isso é comumente usado quando você usa J Query, você vai ver os sinais de dólar bastante usados com bastante frequência. E há alguns personagens que você não pode começar com eles. Então, é claro que você não pode começar com nenhum número. Eso vemos isso imediatamente. Ele vai verde porque não ser interpretado como a variável Embora possamos colocar números em qualquer lugar depois que as firmas caráter. Então a parte mais importante é qualquer que seja o primeiro personagem, e essas três maneiras diferentes que você pode começar seu primeiro caractere de sua variável. E depois disso, é claro, você pode usar números também dentro de seu nome de variável. E geralmente vemos que estamos escrevendo variáveis como caso Camel. Então tudo o que significa é que começamos com uma letra minúscula para a primeira palavra e, em seguida, uma maiúscula para palavras subsequentes. Então nós temos este é o que há convenções de nomenclatura também. Então, normalmente, você quer fazê-las. Você quer nomear suas variáveis algo que realmente faz sentido. E porque isso estava realmente contendo as informações de nome do prompt. por isso que lhe chamámos o meu nome. E vemos que a parte superior. Então começamos com uma letra minúscula porque, essencialmente, são duas palavras. Então, meu e então o nome maiúsculo porque essa é a segunda palavra. Então nós não incluímos espaçamento porque isso de novo, isso vai jogar fora o JavaScript s. Então isso é um não com em seu JavaScript E nós podemos realmente ser algo simples. Podemos começar com um A ou algo assim. Assim, poderíamos facilmente criativo variável com uma ou qualquer combinação de palavras, letras, números. Desde que não comecemos o número, comece com um número. Então, essencialmente, o nome fora da variável pode ser qualquer coisa que você quiser, desde que realmente apenas, uh, prática comum. boa prática é ter isso contido. Significa que quando você tem um monte de variáveis, talvez você tenha um monte de A's. B's vê um monte de cartas que realmente não fazem muito sentido. Então você quer ter certeza de que contém algum significado nele Você também pode fazer as variáveis com aspas simples ou aspas duplas. Então eu poderia facilmente apenas, uh, uh, uma única citação isso também. E funcionará da mesma maneira. Veja que aqueles estavam apenas sendo adicionados entre parênteses. Temos também a opção de se temos uma única citação. Mas também queremos ter, tipo, talvez apóstrofos ou algo assim. Vemos que o que acontece é que ele realmente sai da citação, então não queremos que isso aconteça. Eso enfraquecer barra traseira que, assim como fizemos com a nova quebra de linha onde fazemos esta barra de caixa e que nos dá a capacidade de incluir uma citação dentro de um objeto citado, porque geralmente assim que você colocar essa citação, ele quebra que valor acima em dois valores separados. Então este é um exemplo de uma variável de string. Além disso, se quisermos definir um número de variáveis, eu vou apenas definir isso como número e talvez apenas escolher qualquer número do topo da minha cabeça . Então, para um dos meus números favoritos, e assim é como nós definimos uma variável numérica, e nós também temos o que é chamado de boo lean, e a maneira que o trabalho de Julian essencialmente pensa neles como um interruptor para que eles possam ser transformados ativado ou desativado para que eles possam ser falsos ou eles podem ser verdadeiros, então eles contêm apenas dois valores que você não pode predefinir como números ou qualquer coisa neles. Então, ou é verdadeiro ou falso. E o valor de bilhões é que muitas vezes dentro do JavaScript, especialmente quando estamos verificando condições para ver se as condições estão sendo atendidas, então nós simplesmente temos que ver se ele é verdadeiro ou falso, e isso funciona como um switch dentro da condição. E isso nos permite Teoh continuar e aplicar pedaços de lógica e terror. JavaScript. Então eles são muito funcionais, embora talvez inicialmente, que você possa estar se perguntando, bem, qual é o objetivo do booleano? Porque eu realmente não posso definir o que ele vai conter, mas eles são muito funcionais e eles são comumente usados dentro do JavaScript. Além disso, quando você está fazendo declarações, podemos declarar várias variáveis. Então, se eu queria declarar um eu quero declarar então talvez um como igual a um monte para claro ser é igual a ser, claro, e assim por diante. Tudo o que temos que fazer é separados por vírgula, e podemos ter vários valores e vírgula separados. E isso realmente automaticamente nos permitirá declarar um B C sem ter que escrever através nossos vários pneus. Vamos voltar para o nosso código-fonte. Atualize-o e talvez possamos console fazer logout alguns desses valores que criamos. Então eu vou console, logout A Vemos que um tem um valor de um Claro, há também, e este indefinido é apenas esse valor retornado. Então isso é algo que o cônsul está incluindo. Então não se preocupe, que você provavelmente está se perguntando o que isso significa? Eso que não é nada para se preocupar agora porque nós não estamos realmente definindo e retornando qualquer valor dentro deles Nós estamos apenas pedindo para a saída cônsul toe, o valor de a e isso é apenas o que o cônsul está retornando porque nós não estamos definindo qualquer coisa além do A. Claro, havia também o meu booleano, e podemos ver que temos um valor de verdade para eles. Meu booleano. É assim que você define variáveis e estes são os blocos fundamentais de construção do javascript, então conheça um para entender as variáveis. Bem, porque você vai usá-los. Não importa o javascript que você está escrevendo, você estará usando variáveis e elas não são muito complicadas. E é realmente fácil e flexível o que você pode fazer e como você pode configurar variáveis. Então, a próxima lição vamos olhar para trabalhar com variáveis, diferentes tipos de variáveis, apresentando a você um aumento e permitindo-nos armazenar vários valores dentro de uma variável. Então vamos expandir essas três variáveis básicas e mostrar alguns tipos adicionais unidades de armazenamento dentro do JavaScript, então ele está chegando na próxima lição. 3. 4 JavaScript Como funcionam os arrays: a lição anterior. Analisamos o armazenamento de valores como variáveis. Então nós olhamos para diferentes maneiras de convenções de nomenclatura e como alguns dos tipos mais comuns de valores que podemos armazenar em variáveis. Além disso, há algumas outras maneiras de armazenar valores dentro de seu JavaScript. E um deles vai ser um aumento, e outros vão ser objetos agora levantados dar-lhe um monte de funcionalidade que vem pré-construído dentro dos arrays, que vamos estar olhando na próxima lição também. E ele permite essencialmente armazenar vários valores dentro de uma variável. E há uma grande vantagem em usar um aumento e trabalhar com as raves por causa das maneiras que você pode lidar com todos esses valores que estão contidos dentro dessa matriz. Então vamos dar uma olhada. Vamos abrir nosso editor e começar a criar alguns arrays podem abrir o editor, e estas foram inicialmente as variáveis que vimos na lição anterior. Então, nesta lição, vamos simplesmente olhar para a criação de alguns arrays. Então eu nos mandei remover essas coisas que temos aqui antes porque nós realmente não precisamos necessariamente de nenhuma dessas informações. Talvez eu apenas clique em um botão no caso de precisarmos adicionar alguma funcionalidade e tratar nossa primeira história. Assim, da mesma forma que configuramos uma variável V a r. Podemos definir uma matriz. Então isso vai ser talvez algo que chamamos de minha matriz e a mesma coisa onde estamos definindo igual ao que usamos. Colchetes. Temos esses colchetes que vamos usar para um aumento. E esse tipo de ary é o que é chamado de matriz literal implícita. Há algumas maneiras diferentes de diferentes tipos de um aumento e mostrar-lhe essencialmente os três tipos diferentes. Essencialmente, eles são todos iguais que eles funcionam dentro da mesma maneira que você pode fazer a mesma funcionalidade dentro deles. Mas há maneiras diferentes de definir seu aumento. Então esta seria uma maneira que estamos fazendo variável, meu ary, e nós temos uma idéia de nossos valores de raio imediatamente. Talvez se quisermos ter uma variável, eu chamei uma. Então esta seria a minha matriz iria conter este valor de um. E sempre que queremos saída, a matriz de valor Então eu tenho um log console, cabra e apenas como o que fizemos antes de fazer a minha matriz. Mas precisamos identificar qual item queremos saída do arranjo. Então, se eu fizer meu ary zero porque um aumento começar no item zero, eu deveria obter o valor que está contido dentro de um. Vamos voltar para fora e atualizá-lo e vemos que nós obtemos esse primeiro valor sendo saída eso novamente lembrar que um aumento começar em zero. Então este primeiro item é um zero ou item zero e é igual ao valor de um. E a beleza disso levanta que podemos conter vários valores para que eu possa ter outro valor de dois. E isso funciona da mesma forma que o que olhamos, como podemos definir os diferentes tipos de variáveis. Então nós configuramos inicialmente, nós configuramos valores de strings, nós configuramos valores numéricos, e nós podemos fazer a mesma coisa em uma corrida, e o formato será o mesmo. E a ideia vai ser a mesma. Então os tipos de string terão números cercados por aspas, não precisam de aspas, então você pode simplesmente indicar o número e mesmo se quisermos fazer booleano, podemos fazer um valor booleano também. Eso talvez eu possa fazer algo assim por alguma coisa. Eso minha pergunta para você é como nós produzimos este segundo item aqui? Então, como fazemos a saída para mostrar como podemos produzir o valor para um? Então, o que você acha? Precisamos classificar dentro do console log minha matriz em ordem saída para dentro do console então permite que você pense sobre isso por um segundo. E lembre-se novamente que as matrizes começam em 00123 Então também é realmente vai ser o segundo item dentro de seu raio. Mas vai ser posicionado como um. Então, por padrão, começamos zero. Então, na posição um, temos um valor de dois. E quando atualizamos, vamos e vemos que ele está recebendo saída dentro do console. É muito fácil, direto e lógico como isso obtém saída. Então, abrindo nosso código-fonte, eu mencionei que há outras maneiras de declarar um aumento. Então vamos ver, você tinha em apagar. Eu vou fazer variável e eu vou chamá-lo de meu array e que talvez eu poderia dar-lhe o meu Arabi. Então, este aqui, vou mudar para a minha matriz. R. E eu recebi uma atualização de que não iria lançar um erro. Então esta vai ser a minha matriz. E eu estou configurando como uma nova matriz aqui. E, hum, eu vou ter que declarar que isto vai ser uma matriz. E aqui dentro é assim que este é um objeto global. É um construtor para uma corrida. Eso Essencialmente é como configurar como uma lista de objetos que estão todos contidos juntos . Mas você pode não ter a definição deles eso se eu quiser configurar uma matriz e eu só não sei o quanto eu quero fazer com essa matriz eu quero talvez configurar uma matriz em branco. Eu posso fazer isso dentro deste tipo de formato. Eso isso vai funcionar, mas de preferência estamos fazendo isso com o meu são um como neste tipo de matriz literal s Então esta é a maneira preferida de configurar um aumento se você tem valores. Mas é claro que podemos configurar esse raio dentro desse mesmo tipo de formato. Então, se eu usar para copiar o terno. E se eu fizer meu estupro ser e atualizá-lo, veremos que teremos a mesma saída. Então, onde somos capazes de fazer esse mesmo tipo de formato dentro do tempo de execução Marie, embora não seja preferível que você faça isso dentro desta maneira, eso também há geralmente tempo de execução é se você quiser apenas configurar em um estupro, talvez isso não configurar uma matriz em branco. Você não tem certeza do que você quer fazer com ele onde você quer dar-lhe cinco slots imediatamente. Hum, e eu só tenho que colocar o registro do console, viu? Então, ele vai nos dar essencialmente cinco vagas desse ary, e eu apenas coloquei que a minha realidade. Mas este e eu colocamos esse aqui para que sejamos todos iguais aqui. Volte e atualize-o, e vemos que temos o primeiro a parecer idêntico. E então o último é simplesmente, talvez um espaço reservado ou uma matriz em branco. Então não há nada nele agora. Então, se eu fosse ligar para o segundo item da lista, eu não seria capaz de devolver nada porque ele não está definido. Não temos um segundo item nessa lista. E, essencialmente, isso é o que seria usado para definir mais. Se eu tenho algum posicionamento em sua re, e porque eu o defini como um valor de cinco, por isso é essencialmente este é um array vazio com cinco slots pré-definidos já nele, e vamos ver que uma vez que começamos a adicionar em adicional na matriz, que você vai mostrar na próxima lição, vamos ver a diferença real entre todas essas maneiras de criar um aumento, então ele está chegando na próxima lição. 4. 5 JavaScript trabalhando com arrays: nesta lição. Vamos olhar para trabalhar com um aumento e um aumento. Essas funções pré-construídas foram métodos e vamos falar sobre funções e métodos à medida que progredimos através do curso. Mas eles têm essas unidades de funcionalidade pré-construídas como juntar, empurrar e classificar que nos permitem ter algumas funcionalidades fora da caixa com um aumento e um deles, o primeiro olhar memorial vai ser como adicionar itens em nosso raise. A última lição que mostramos como você pode configurar diferentes tipos de Áries. Então agora vamos olhar para como podemos adicionar um item a essa matriz. Então, primeiro, para dizer isso, vou adicionar o item dois. E, claro, com a reserva, a verdadeira razão pela qual estamos usando um aumento é porque podemos conter vários valores. Então nós temos isso, meu array a E se eu quiser adicionar um item no final do ary, digamos que eu queria adicionar cinco ou algo assim. O que fazemos é empurrar o valor e isso simplesmente coloca no final de sua taxa. Então agora quando eu vou e se eu abrir e escrever meu array Um bom para ver dentro do nosso console. Temos valor adicional lá. E agora, é claro, podemos chamar para esse valor e retirar esse valor porque isso vai ser 0123 e quatro . Então, tudo o que temos que fazer é indicar a saída do dedo do pé, o meu array A 4. E nós poderíamos obter esse valor para o deles. Então eu disse que há uma diferença entre quando estamos declarando essas matrizes. Então eu tenho em um e eu vou empurrar este valor para o meu A picante e apenas para que você saiba rapidamente que não haverá diferença se eu fizer meu Raby se eu empurrar um item. Mas a diferença está aqui quando eu empurro um item para o meu atrevido porque lembre-se novamente, nós já declaramos que cinco é o número de vagas reservadas. Então, quando empurramos um item para o final de um re ver, então nós estamos realmente indo para colocá-lo no slot número seis, que vai ser ah valor de cinco se quisermos recuperá-lo. Só te mostrar como isso funciona. Então nós vemos que ele tem isso. Isso é cinco o carvão e cinco porque este vai ser o valor do índice, a fim recuperar este valor de cinco porque nós essencialmente começamos a taxa para fora em cinco. Então, há cinco lugares reservados em branco, e quando adicionamos algo ao final disso, então é simplesmente colocá-lo dentro do último slot. E agora estamos apenas colocando essa matriz. E mesmo que estejam em branco, não os vemos no registro do console. Eles ainda estão lá. Então vamos dar uma olhada e ver o que podemos fazer com os Raios. Então eu vou abrir o editor de novo, e eu vou registrar o cônsul com um monte de informações porque esta é provavelmente a maneira mais eficiente de nós realmente podemos ver o que está acontecendo nos bastidores aqui dentro do JavaScript. Então primeiro 1 que eu quero saída é a minha matriz A. E nós já temos uma maneira pré construído para descobrir quantos itens estão dentro de sua. Então nós já confinado no comprimento simplesmente digitando o comprimento. E eu vou fazer a minha matriz ver e descobrir o comprimento da minha excitação. Então vamos dar uma olhada e ver como isso se desenrola dentro do nosso console. Então vemos que este tem cinco itens, o que faz, e este tem seis. Porque novamente, lembre-se que reservamos esses cinco lugares vazios. Nós também podemos fazer algumas comparações dos diferentes tipos de um aumento para que possamos ver que dentro do console para que possamos verificar se os diferentes tipos de arrays são os mesmos digitando no tipo off e minha matriz A. E podemos ver se é na verdade igual a digitar fora meu atrevido. Então vamos ver se eles realmente são o mesmo tipo de notas de matriz, vangloriar-se e atualizá-lo, e nós obtemos um valor booleano sendo retornado da verdade. Então isso simplesmente significa que as res são essencialmente as mesmas. O JavaScript os vê como o mesmo tipo de aumento, mesmo que nós os tenhamos declarado de forma diferente, e por definição um era implícito e um array literal e um era um tempo de execução, uma taxa que ainda os vemos, e nós ainda pode trabalhar com eles dentro da mesma forma. Mas sabendo que nós não precisamos realmente continuar com todas essas comparações entre diferentes tipos de aumento, e nós vamos apenas passar para trabalhar fora do primeiro Meyer A para a próxima seção das lições em que olhar mais fundo em todas as coisas diferentes e realmente legais que podemos fazer com JavaScript. Áries. Então eu vou olhar nesse ponto nas próximas lições com mais detalhes. 5. 6 matrizes JavaScript em ação: as lições anteriores que analisamos como as matrizes são poderosas em JavaScript. Então esta lição vamos mergulhar mais fundo no que pode ser feito com os Raios. Então vamos abrir nosso editor e dar uma olhada. Inicialmente criamos uma matriz chamada My Array A. E nesta lição, vamos aprofundar o que podemos fazer com um aumento. Então nós mostramos a vocês como podemos empurrar o item e podemos empurrá-lo para o final do grande. Então, o que acontece se você realmente quiser remover um item do Honore? Então eu vou remover o último item. E a maneira que fazemos isso é usar pop tão simplesmente a função pop e o que isso vai fazer é remover o último item da matriz. E eu só estou olhando para onde eu tenho o registro do cônsul do meu array. Lembre-se de novo antes de chegarmos e acertarmos Pop, temos um array que contém seis itens, seis valores, o último sendo seis. Agora vamos fazer pop, e vamos remover o último. Então vamos atualizá-lo, e vemos que estamos removendo o item de índice número cinco, que é o último. Então agora temos um novo array com esse último item TIC removido. Bem, vamos ver, Você não quer remover o último, mas você quer remover o 1º 1 Então, há uma função para isso também dentro de um aumento. Então vamos fazer a minha matriz A e disse um estalo desta vez vamos fazer o turno. E o que isso faz é que isso essencialmente derruba o primeiro item e desloca os outros , então eles não serão os valores estáticos. E esse é um dos benefícios de fazer as coisas dinamicamente. Olhos, porque você é Ray está sempre mudando s um monte de vezes quando você está desenvolvendo um javascript, suas variáveis e seus valores estão mudando, e isso não é diferente de quando você está trabalhando com os Raios. Então é por isso que tentamos evitar ter esse valor estático de quatro quando estamos chamando um item na matriz. A menos que isso exige dentro do script, e nós torná-lo dinamicamente para quando talvez nós queremos sempre ver o que o item final é. Então vamos abrir. Nosso editor e nós vamos ver o que a mudança faz e o que a mudança faz é que ele caiu o valor de um. Essencialmente, ele deixou cair o 1º 1 da frente do array. Então vamos ver agora, não gostamos desse valor de cinco, e queremos atualizar isso. Queremos ter certeza disso em vez de cinco, porque isso vai ser 0123 Então vamos dizer que queremos cinco para dizer três. Então vamos olhar novamente para ligar através do número do índice. Então minha matriz A e lembre-se como chamamos o valor eso Fizemos por valor de índice. Três. Nós também podemos re atribuir uma marca que você valoriza a ele. E eu vou reatribuir três maiúsculas lá, e vamos listar esse ary novamente nos consoles. Temos realmente fazendo bom uso do log do console nesta lição. Então, quando o atualizamos agora, mudamos de 5 para 3, e é muito fácil trabalhar com os Raios. Então também, vamos dar uma olhada no que acontece quando queremos ver o número do índice, então talvez tenhamos um valor de três, mas não nos lembramos exatamente onde ele está posicionado dentro da nossa matriz. E isso vai fazer muito mais sentido quando olharmos para a triagem. Porque, claro, agora sabemos onde posicionamos três eso. Vamos abrir isso de novo e vamos pegar o valor do índice de três. Então, talvez em vez de atualizar, eu vou fazer isso diretamente dentro do console. Então, não vamos atualizar nada na preocupação. Vamos apenas produzir valor. Então desta vez vamos usar o meu array, e vamos usar um método chamado índice de Essencialmente. Isso retorna o valor do índice fora do elemento dado que estamos procurando dentro da matriz . E se não estiver dentro do raio, vamos obter um valor de um negativo. Na verdade, este é um peso rápido que podemos realmente encontrar se ah, o valor está contido dentro da matriz. Então vamos olhar para o valor de três e ver se algo que é retornado tão refrescante novamente e vemos que ele fica, vemos que é o terceiro item lá. E digamos que se fizéssemos algo como X três e agora, devemos obter um valor de negativo porque na verdade não está sentado em sua matriz. Isso passou por 0123 e diz OK, bem, não está aqui, então é negativo porque está sentado fora da teoria. Não está dentro da bateria do que tenta retornar essa posição. Então, nós também temos a capacidade de emendar vários itens fora de muito assim, se quisermos remover talvez os dois últimos itens ou algo assim. Podemos fazer isso também dentro da taxa. Então vamos fazer uma emenda. Então, outro método. E como você pode ver, há um monte de coisas que você pode literalmente fazer com os raios. É por isso que dizemos que trabalhar com os Rays e manter esses valores dentro de sua EEZ é realmente benéfico quando você está tentando trabalhar com JavaScript porque ele oferece toda essa funcionalidade adicional que torna realmente fácil adicionar novos conteúdos para alterar o conteúdo de sua matriz, mover as coisas e assim por diante. Então, desta vez vamos olhar para a matriz e vamos tirar o último item do raio s. Então precisamos especificar a posição inicial. Então vamos começar na posição número dois irá remover apenas um item. E, claro, poderíamos remover vários itens se quiséssemos. Novamente, Cônsul, desligue isso e o que vou fazer aqui é comentar um monte dessas coisas porque não é relevante para o que estamos fazendo agora dentro do código. Então veja como isso acaba para que não tenhamos um monte de registros do console aparecendo. Então agora vemos que tomamos o valor do índice para o qual foi 55 nós removemos isso. E agora estamos apenas colocando, e poderíamos remover mais itens também. Eso Nós também podemos inseguro ift também. Então, se quisermos remover um item específico de lá, se quisermos remover três, podemos fazer o meu array. E eu sei que minha reace severa para encolher eso talvez tenhamos que olhar para atualizar sírio, acrescentando a essa área também. Então eu vou te mostrar como fazer isso. Então não há certeza e nós vamos usar esse valor de três, ver se conseguimos tirar isso da taxa também. Então vamos tentar isso e ver como isso se parece. Então houve um erro com a forma como eu defini a minha área porque eles não colocaram a minha Serie A. Então, claro, sobre isso é outro benefício realmente para usar suas ferramentas de desenvolvimento que eu tenho o ar. Quero dizer, que erros nunca são bons, mas esta foi uma boa demonstração sobre como os erros funcionam em JavaScript. Deixe-me ver que Mireille não está definida. Então sabemos que esse é o problema, que não definimos minha matriz. E isso é porque eu realmente não tenho que achar que minha Rica é o valor. Estamos trabalhando com sua minha matriz, um eso vemos que ift inseguro. O que isso faz é que acrescenta o valor de três no início, há uma ondulação, e vamos voltar a escola aqui e falar mais sobre índice de. Então eu vou me livrar de algumas dessas coisas aqui e nós vamos olhar para o índice de então uma das coisas era que nós tínhamos olhado Bem, você sabe, nós temos este índice de e eu vou me livrar de deslocamentos também, porque, novamente, isso está ficando muito mais complexo aqui. Então, uh, nós temos índice de três lá. E então estamos obtendo esse valor que, para três, dê uma olhada no que mais podemos fazer com um aumento e outra coisa realmente legal que podemos fazer com os Raios. E eu também devo dizer, muito útil é classificado. Essencialmente, isso classifica em uma taxa no lugar e re reordena a matriz. Então, agora, quando nós consola, logout a matriz e eu quero adicionar em alguns números adicionais e a razão sendo é a maneira que ele classifica, é assim que nós temos alguns valores, há então nós temos mais coisas lá para classificar . Então, a maneira como ele vai classificar vai tipo de numericamente primeiro. E então ele vai classificar em ordem alfabética. Vamos dar uma olhada e ver o que acontece, e vemos uma vez que resolvemos. Mas está pegando um novo pedido. E outra coisa a notar aqui é que então nós fizemos isso numericamente e então nós fizemos através de caracteres. Mas notamos que levava a letra maiúscula primeiro. Então vai números maiúsculos e, em seguida, minúsculos. Quando ele faz a classificação eso isso é, por padrão, embutido em embutido nesse método. E agora, se eu fizer um índice de três, vamos ver que esse índice mudou. E esta é outra daquelas coisas que se eu estivesse realmente atualizando dinamicamente, eso se fizéssemos algo ou talvez pudéssemos fazer algo assim. Então este ar não vai mais ser o mesmo e nós estamos tomando o valor do último, ele vai mudar em vez do valor que vai ser contido dentro deles. E eu sei que não temos apenas quatro, e lá temos seis itens diferentes na suíte deles. Tem que listar isso como cinco para obter o último valor. Mas essencialmente não importa o que, nós estamos retornando esse valor de quatro eso, mesmo que depois de fazermos a triagem lá estavam retornando o valor de quarto que está sendo devolvido de volta, ele é e por que é quatro é porque nós realmente fizemos são classificadas, então eu realmente não produziu o tipo lá. Então vamos tentar fazer isso dessa maneira e demonstrar os benefícios de ser dinâmico é que temos a capacidade de atualizar e sempre obter o último que está sendo mostrado aqui. Eso Além de classificar, também podemos classificar na ordem inversa. Então nós temos o meu array sempre chamado Identificar aquele que você quer trabalhar com a variável que você quer trabalhar com e nós temos reverso então essencialmente faz o oposto de tipo . Então, ele só vai essencialmente classificar esse array em ordem inversa. E talvez para este só coloque esse ary e mostre que, de fato, agora é ordem inversa. Então, começando com a maiúscula minúscula e, em seguida, América e nós também podemos ter a capacidade de juntar um aumento juntos. Então vamos olhar para isso e, em seguida, coisas adicionais que fazemos com um aumento e mais funcionalidades. Vamos chegar no próximo conjunto de lições. 6. 7 matrizes JavaScript como cordas e fatias: Como podem ver, há muitas coisas que podemos fazer com a corrida. Então vamos mergulhar de volta em um aumento, e desta vez vamos adicionar à nossa corrida. Então talvez tenhamos um ary aqui, e eu vou chamar este meu Aree Di, e eu não vou mudar muito em torno disso, mas talvez apenas alguns valores lá para que possamos ver que existem alguns valores diferentes dentro do meu A Radi. Então, se você tem vários arrays, na verdade vai ser muito fácil adicionar e atualizar arrays. Então nós temos uma opção para isso, e a maneira que podemos fazer isso é simplesmente podemos capitão comer esse ary para que eu possa definir e separar completamente meu ary e eu poderia conter valores da minha taxa A e eu posso cortá-la com o meu array. De assim apenas certificando-se de que eu tenho todos aqueles a re identificadores adequados. Há O Agora sempre que consolar log com isso, minha matriz e apenas mostrar como isso vai parecer. Então o registro do console e eu vou mostrar o meu tempo e talvez mostrar-lhe o comprimento do meu array também . Tão mais baixo nisso. E eu tenho que esconder algumas dessas coisas aqui para que isso não confunda os propósitos desta lição . Então vamos dar uma olhada no que acontece agora. Então lembre-se, estamos juntando os dois arrays juntos, e vemos que começamos com o meu array A e juntamos meu a radi nele, e combinamos eles juntos em meu cada e acontece se você quiser produzir seu array talvez como uma string utilizável, então você não quer necessariamente ter todos esses itens, Mas você quer ser capaz de vê-los, talvez visualmente apresentá-los ao usuário. Então, há uma série de opções diferentes que você pode fazer em uma delas é Claro que podemos . Vou só fazer o logout do console. E, claro, podemos sempre definir uma variável para conter esse valor de string. Basta pegar, eu vou pegar o mais curto, tomar o meu A e eu vou usar para força. E o que isso vai fazer é que este cara vai mudar o meu caminho para uma string eram apenas novamente Nós estamos cônsul registrando tudo isso fora em vez de ter todos esses valores é separado, nós não temos comentários separados como um valor de string, nós podemos também se juntam de forma semelhante a criá-lo como uma string. E, claro, este novamente poderíamos fazer a mesma coisa que a string e podemos conter variável se quiséssemos . Então esta é novamente uma daquelas coisas que é opcional Eso temos outra opção aqui. Nós podemos fazer juntar-se eso Nós juntamos todos os elementos re em uma string, mas talvez nós não queremos chamar meu separá-los Queremos criar algum outro tipo de separador Eso então é aqui que especificamos o separador. Então eu vou colocar este rosto feliz dois espaços entre lá como o separador e agora vamos mostrar-lhe como este acaba dentro do console Eso nós vemos esta corda, mas nós nos livramos das vírgulas e então as vírgulas padrão que atualizamos próprio separador dentro da string é um monte de coisas realmente legais que você pode fazer Nós também podemos se queremos apenas retornar parte da string Nós podemos fazer isso bem Eso podemos fazer isso com Slice . E, claro, nós sempre temos essa opção de colocá-lo em como uma variável e depois trabalhar com ela dentro de seu JavaScript. Mas eu só estou tentando demonstrar todas essas diferentes peças de funcionalidade que você tem com lesões. Eso se eu tenho o meu conjunto e desta vez eu vou usar isso pode cafeinado uma vez que temos um monte de conteúdo lá, e se eu quiser voltar talvez apenas parte da chuva. Então faça algo assim e mostraremos o que acontece lá. E talvez eu devesse consolar. Olhe para isso uma corrida para que tenhamos isso bem acima dela dentro do cônsul e vamos ver o que isso acaba. Então, há um problema lá que Mireille ele não é uma função então outro erro. Mas boa coisa, porque podemos ver o que aconteceu aqui com o erro com o problema. E claro, eu não incluí a fatia. Então é por isso que ele está realmente procurando por uma função. Eso matriz e. Por conta própria não é uma função, mas eu precisava incluir a função de fatia. Vamos tentar isso novamente, e com os erros que vemos, na verdade, a linha de código que criou esse ar. Então, se eu quiser dar uma olhada nisso, eu poderia ver a linha de código aqui dentro do Dev Cônsul também. Então talvez encolher algumas dessas coisas. Eu tenho isso realmente ampliado aqui. Então é por isso que é mais difícil de ver. Mas vamos voltar ao cônsul e refrescá-lo. E vemos que desta vez não estamos recebendo o ar e vemos que estamos apenas devolvendo uma parte da chuva. Então estamos virando o índice um e parando no índice três. Então isso seria É por isso que estamos devolvendo esses dois itens aqui e apenas voltando ao nosso código para que possamos ajustar isso. Então, mais tarde, nós também vamos olhar para como nós podemos fazer essa dinâmica de nós tivemos esses valores cada vez maiores ou diferentes sendo representados aqui dinamicamente. Isso também retornaria diferentes peças de seu A e é assim que começamos a trabalhar com JavaScript para fazer uma dinâmica dentro do tribunal. E como você pode ver, há muitas coisas diferentes que cobrimos aqui em um aumento, então definitivamente vale a pena dar uma olhada no código-fonte, experimentá-lo por si mesmo. Vendo o que você pode fazer com seu aumento. Crie várias matrizes diferentes. Motor. Basta praticar atualização, adicionar itens, retirar itens e ver o que você pode fazer com seus arrays e tentar torná-lo o mais dinâmico possível usando JavaScript e não tanto colocando valores estáticos como fizemos aqui. Mas tente criar alguns valores dinâmicos para que sua matriz se torne mais flexível e se ajuste com seu casaco. Então eu faço conselhos para verificar isso para praticar e me familiarizar com todas as coisas maravilhosas que você poderia fazer com os Raios.