Aprenda 30 métodos de Javascript em 12 dias — folha de colas do HQ fornecida na conclusão!

1. Introdução: há 365 dias em um ano. Por que não tirar 12 desses dias e aprender 30 métodos JavaScript? Com este curso, você pode fazer exatamente isso com o dia-a-dia no ensino passo combinado com as mãos práticas em desafios, você pode trabalhar seu caminho através de 30 métodos JavaScript em apenas 20 minutos por dia durante 12 dias. Mas isso não é tudo. Depois de completar os 12 dias, eu vou dar-lhe uma folha de truques de alta qualidade com todos os 30 métodos que você pode pendurar em sua mesa para referência diária. Oi, sou Travis Rogers. Eu sou um desenvolvedor Web freelance, blogueiro e estrategistas digitais sobre Travis dot media, e espero vê-lo no curso. 2. Dia 1 — divisão: Ei, pessoal. E bem-vindos ao primeiro dia. Hoje vamos olhar para o método de divisão, certo? E apenas uma nota rápida nessas lições, eu vou dar a, hum, informação na frente, como o método e seus argumentos e todas essas coisas, e então vamos passar para os exemplos práticos. Então, se você ouvir as instruções e ouvir o que eu estou dizendo e você está tipo, eu simplesmente não entendi bem, aguente firme e nós vamos passar para os exemplos práticos de cada lição. Está bem? Tudo bem. Então, o método de divisão, qual é o método de divisão? O método de divisão JavaScript divide uma string em uma matriz de sub strings. Certo, anote a palavra. Então esta é uma string dividida em uma matriz de sub strings de string para array. Aqui está um exemplo. Então aqui está uma corda. Hoje foi um dia muito produtivo. Digamos que dividimos isso nos espaços. Vai parecer que esta teoria será uma matriz da ONU de sub string. Então hoje não é zero índice foi está no um índice a está no índice dois e assim por diante Outro exemplo. Digamos que dividimos. Tem uma corda aqui. Olá. Como você está hoje? Digamos que dividimos isso no Kama, então teremos uma matriz com duas cordas submarinas. Alô? Dividi-lo a vírgula e depois outra substring. Como você está hoje? Bastante direto. Tudo bem. Cabe a você dizer onde e como dividir. O método de divisão leva dois argumentos e ambos são opcionais e eles são separador no limite. Assim, o separador separador determina o caractere a ser usado para dividir a string. Tudo bem, isso pode ser uma vírgula. Isso poderia ser um espaço que poderia ser a letra G. Se deixada em branco, a string inteira será retornada intacta. Mas como um array e o separador é como você diz onde dividir. O segundo argumento é dizer como dividir. Então, o segundo argumento é o limite. Também opcional o limite é um inteiro especificando o número de divisões. Os itens depois disso não serão incluídos. Então você pode dizer: “ Ei, Ei, eu só quero dividir duas vezes e depois cortá-lo. Então, só olhando para ele de novo. O método de divisão leva dois argumentos separador e limite. Agora deixem-me mostrar-vos um exemplo. E então vamos seguir em frente para te dar um pouco de prática com isso. Então abra seu navegador e vá para um site chamado J s console dot com. Eu pensei em fazer isso no console do navegador, mas é tão pequeno, vamos apenas ir para Js console dot com e você tem uma tela cheia aqui para jogar. Então vamos olhar para um exemplo. Ok, vamos ter uma chamada variável hoje e vamos colocar uma string que disse, hoje foi um dia muito produtivo e entrar. Tudo bem, então temos uma string salva em uma variável. Digamos que queiramos dividi-lo nos espaços, então colocamos hoje parênteses divididas, e dentro disso, nós íamos dá-lo aos argumentos. Nós vamos, uh, primeiro argumento vai ser o separador, que vai ser um espaço. Então vamos dizer citação espaço. Esse é o primeiro argumento vírgula para passar para o segundo argumento. Segundo argumento. Eu só quero três palavras e, em seguida, cortar a corda, mas meu semi cólon e aperte Enter e lá nós temos. Temos uma matriz de sub strings, que é três das palavras da string. Então hoje é um simples Tudo certo Agora deixe-me mostrar-lhe algumas outras coisas legais. Tudo bem, então vamos colocar em outra variável variável. Vamos chamar essa string e digamos que isso vai ser divertido olhando para o método string . Então aqui está outra variável chamada string com uma string nele e deixe-me mostrar-lhe algumas coisas legais . Então, observe este ponto de string entre parênteses. O que acha que vai acontecer? Bem, vamos ver. Tudo bem. Isso transformou toda a corda em Honore. Nenhuma sub strings apenas transformou a string em uma matriz. Você pode ver como isso seria útil transformar a string em uma matriz. Agora vamos tentar esta corda, não dividir. E lembre-se, última vez colocamos as aspas com um espaço entre elas. Vamos tentar as citações sem espaço e ver o que acontece. Certo, já que não colocamos nenhum espaço entre ele, ele dividiu cada letra, que é muito legal e aqui não vai mostrar a coisa toda. Então as cordas sub são as letras, incluindo esses espaços. Então, se abrirmos isso, vamos ver todas essas letras aqui com espaços incluídos. Há 54 na corda, então isso é muito legal. E então, é claro, nós olhamos para esta divisão de um ponto de corda e, em seguida, colocar o espaço Isto vai dividi-lo no espaço. Então isso vai ser assim Esta é a sua matriz de sub cordas. Legal. Eu acho que você entendeu agora, então deixe-me lhe dar algumas coisas para fazer. Tudo bem? Então, experimente isto. Tente dividi-lo no Kama. Então dê uma chance a isso. Ponto de corda Dividir vírgula Experimente isso, veja o que ganha. Tudo bem. Como você viu, não há vírgulas no Senado, então assista este boom. Tudo o que ele faz é transformar sua corda em uma matriz. Não há comentários, não, onde dividir. Então, isso foi uma tolice. 11 isso. Tudo bem. Então, experimente isto. Tente dividi-lo no G. C. C. Isso é bom. Há um “G “para ser divertido. Há outro G no método string. Três “G “e o Senado dividiram no “G “, ver o que acontece. Tudo bem, vamos tentar. Tudo bem, então ele dividiu a corda no G e largou o G. Tudo bem, então é dividi-lo no G, tirou o G para fora. Então este é um sub string e, em seguida, indo sem o G. Na verdade, há quatro inocentes de G então indo, nós só temos o o o i n para que você possa dividi-lo nas letras. Mas lembre-se, ele tira as cartas. Então agora vamos tentar com o segundo argumento. Então vamos fazer como string dot split g três. Vamos perder. Tente G dois e veja o que isso dá. Certo, então é dividido no G, mas só duas vezes, certo? Então aqui está um desafio para você. Certo, isso é muito bom. Tente pegar isso. Tente ver se você pode fazer bem. Na verdade, deixa-me dar-te a corda primeiro. Então aqui está a corda. Aqui está o seu desafio Variável tipo complicado de pecado e coloque a palavra Gosh Geo s H oito vezes Coloque isso oito vezes no hit Enter Eu quero que você faça esta frase Diga vá, vá, vá, vá, vá! Então removido o s h de alguma forma e apenas fazê-lo dizer, ir vírgula, ir, vírgula Go. Vem atrás. Então eu quero que você faça isso dizer isso. Eu quero que você faça isso. Diga isso, veja se consegue. Tudo bem, aqui está a resposta. No caso de você ter conseguido isso. É bem simples. Mas aqui está a resposta. Se não o fizeste, vou pôr o meu bilhete. Tricky é a variável. Vou dividi-lo. E o que queremos fazer para nos dar uma chance? Vai, vai, vai. Precisamos remover o S h para que possamos dividi-lo no S h. E lembre-se, isso remove a idade S. Então vamos tentar a divisão no S H no meu cínico e entrar. E aí está ele. Vai, vai, vai, vai, vai, vai! Ótimo trabalho. Eu acho que você entende. A separação significava que eu iria sentar e experimentar mais algumas coisas. É muita coisa que se pode fazer com isso. Você pode adicionar expressões regulares. Uh, o que é realmente legal, eu acho que é um pouco adiantado para este curso, mas cidade ou dar uma chance. Experimente algumas coisas divertidas, e acho que vai adorar. Veja, na próxima lição 3. Dia 2 — corte: Todo mundo. E bem-vindos ao segundo dia. Nesta lição, nós vamos aprender sobre o método da fatia. Certo, qual é o método da fatia? O método fatia retorna os elementos selecionados em uma matriz como um novo objeto de matriz. Ele corta o que você diz. Então temos uma matriz e queremos cortar os elementos que dizemos a ele para cortar fora. Isso é tudo. Por exemplo, aqui não temos array. 0123456 Digamos que queremos cortar alguns elementos e decidimos cortar três e quatro. Isso cria um novo objeto de matriz com apenas os elementos que cortamos três e quatro. Certo, amostra, amostra, anote a matriz de palavras. Este é um objeto de matriz. Então isso é fatias usadas em um aumento. Tudo bem. O método fatia tem dois parâmetros. Comece um fim. Tudo bem. O começo. O começo é onde você quer começar. A extremidade da fatia é onde você deseja terminar a fatia. Ambos são opcionais. Assim como no método de divisão que vimos antes. Ambos são opcionais. Tudo bem, então o início, vamos olhar para o parâmetro start o parâmetro start é um inteiro, então ele vai ser um número. Isso determina onde iniciar a seleção. O primeiro item no raio na matriz tem um índice de zero, que é normal para JavaScript, o primeiro índice da matriz de zero. E isso é inclusivo. Então, se começarmos zero, incluímos o índice zero. Começamos oito. Incluímos o oitavo na próxima, Então o parâmetro final é um inteiro. Além disso, isso determina onde terminar a seleção. Isso não está incluído no novo objeto de matriz. Isso não é inclusivo, o que significa que o novo objeto de matriz não inclui o argumento final. Então o começo é inclusivo. O fim é exclusivo. Então são fatias logo antes de onde terminamos. Certo, hora de ver alguns exemplos. Acho que foi bem simples. É um método bastante simples. Então, vejamos alguns exemplos. Então abra seu console JS. Vamos tentar isso para que você possa me ver nessa parte porque eu vou te dar um pouco para fazer em um minuto. Ou você pode trabalhar comigo, seja o que for. Mas eu vou criar uma variável chamada Array, e eu vou criar uma matriz. Então eu vou colocar, hum, pássaros, árvores, peixes terra, ver em barcos. Super original. Me diga para entrar. Certo, então temos uma matriz. Uh, então vamos tentar sem colocar quaisquer argumentos. Vamos tentar isto e ver o que acontece. Ponto da matriz Slice sem argumentos e digite. Nada acontece. Nós não começamos a fatia ou no tamanho em qualquer lugar. Então isso não faz nada. Vamos tentar outro. Que tal isto? Ponto de matriz fatiado não pode digitar fatia de ponto de raio. E vamos tentar algo como um três. Então, começando em um terminando em três agora antes, se você me seguir antes de apertarmos Enter. Pense no que vai acontecer. Queremos começar a fatia um. Então isso vai ser pássaros. Zero árvores é uma. Então vamos começar em árvores que são inclusivas. Então vamos ter árvores, e vamos cortá-la às três. Então 01233 é terra, e isso é exclusivo. Então estamos cortando antes disso. Então vamos pegar árvores e peixes nesta nova matriz. Lembre-se, este é um novo objeto de matriz. Tudo bem. Tudo bem. Bom. Está na hora de começares. Vamos tentar juntos, e eu vou te dar uma chance de ver se você pode resolver alguns desses. Então vamos criar uma nova matriz. Deixe-me atualizar minha página, e eu vou dar-lhe uma nova taxa de trabalho com uma matriz variável igual e digamos, uh, fogo, fogo, água, gelo, vapor, areia e grama. Muito bem, é com isto que vamos trabalhar. Vou apertar Enter. Tudo bem, não temos array. Agora, vamos tentar algumas coisas. Tente uma fatia zero de ponto de raio para começar em zero. Terminando para antes de bater. Entrar. O que acha que vai acontecer? Pense nisso e tente. Tudo bem, eu vou apertar Enter, e nós vemos que ele incluiu começou o fogo, que é o índice zero 01234 Sand é o quarto, então ele corta logo antes disso. Então devemos pegar fogo, água, gelo e vapor. Isso é o que temos. Amostra suficiente. O método da fatia é muito simples, mas é muito importante para isso é uma coisa muito útil. Certo, aqui está uma para você. Experimente isto. Fatia de ponto de matriz não colocou nada, vírgula três. Então vamos deixar o primeiro argumento em branco vírgula três. Vamos ver se funciona. Nenhum erro. Isso não funciona. Vamos tentar esta fatia de ponto de matriz e apenas colocar o número três não bater. Entrar. O que acha que vai acontecer aqui? Você acha que isso vai ser um ponto de partida ou um ponto final? Experimente e veja o que acontece. Tudo bem. Então eu vou apertar Enter para ver a resposta, e é um ponto de partida. Tudo bem, então se você colocar um argumento, vai assumir que esse é o ponto de partida, porque você não quer terminar em lugar nenhum. Você só queria a coisa toda desde o ponto de partida. Então, a matriz cortada três vai começar a 3ª 1, então dispare água zero, um gelo para vapor. Três até o fim. Estima. Grama de areia. Bom. Ótimo trabalho. Aqui está um traiçoeiro. Quais são as duas maneiras de obter o último elemento da matriz em Lee, que é grama de duas maneiras diferentes. O que você acha? Experimente e veja o quê? Veja o que consegue lá de duas maneiras de conseguir. Muito bem, deixa-me mostrar-te as duas maneiras. Primeiro de tudo, enfraquecer, vamos colocar uma fatia de ponto de raio e se contarmos, queremos pegar apenas grama. Devemos ser capazes de dizer Fogo 012345 Então devemos simplesmente ser capazes de colocar cinco. E aqui vamos nós. Isso é grama. Bom. Mas há outra maneira, e você provavelmente já sabe disso. Se você não ouvir é array dot slice negativo um negativo dá-lhe o primeiro 1 no final. Tudo bem, grama. Tudo bem. Então você pode usar um negativo também. Então, como conseguimos os dois últimos com um número negativo? Pense nisso. Se o primeiro argumento é o ponto de partida, como você faz o último para experimentá-lo? Isso seria areia e grama. Está bem, deixa-me mostrar-te. Ou uma fatia de ponto. Se negativo é o 1º 1 que tal negativo para ser o 2º 1? E já que não estamos colocando uma fatia final final, vai contar o resto deles. Então vamos tentar. Negativo, demais. Areia e grama. E aqui está o desafio final para você. Como obtemos água de modo a água, gelo e vapor com dois números negativos. À medida que os argumentos começam, um fim. Tudo bem, então começar no fim vai ser muito negativo. Números. Como é que conseguimos água, gelo e vapor? Experimente isso. Pense nisso e eu lhe darei a resposta. Tudo bem. Espero que tenha conseguido isso. Se não conhecesse Problema. É um pouco complicado, mas nós apenas fazemos esta fatia de ponto array e precisamos de números negativos. Então, se gramíneas negativas, vamos contar. Então queremos água, gelo e vapor. Um negativo para três negativos. Quatro negativos. Cinco negativos. Então a água é negativa. Cinco, e queremos cortá-la, queremos água, gelo e vapor. Queremos cortá-lo. É vapor. Cinco negativos, quatro. Três negativos. E lembre-se, temos que ir. Mais um negativo também, porque isso é exclusivo. Então podemos colocar negativo também. E bater, Entrar água boom, gelo e vapor. Então o método da fatia é bastante simples. Espero que tenha sido útil. Continue brincando com ele. Fique aqui no Js Cônsul, continue brincando e tente coisas diferentes e certifique-se de digitar tudo e você estará super acostumado com isso quando terminar. Cne Dia 3 4. Dia 3 - corte, sequência, substr: Olá, todo mundo. E bem-vindo ao terceiro dia. Para o terceiro dia, vamos aprender três métodos. Slice sub string em sub stra ou S u B str. Agora você pode estar pensando Espere, nós já fizemos fatias e três é muito para aprender em um dia, certo? Não. Deixe-me explicar o método fatia que aprendemos em nossa última lição foi um método array, mas também pode ser usado como um método string. A diferença é que, em vez de cortar o índice de matriz é o seu corte os caracteres de string lembrar que ele tem dois parâmetros iniciar um fim e que estes são a posição numérica , começando com zero. Tudo bem, então em vez de cortar o índice de matriz é você cortar os caracteres de string, deixe-me dar um exemplo. Então aqui temos uma variável chamada string que contém esta string. Agora esta é uma corda para ser cortada. Essa é a corda deles. Digamos que fizemos a fatia de ponto de corda três e oito. Então, começando em três indianos oito, isso nos daria uma nova cadeia de espaço vírgula th i. Agora você pode notar aqui que o espaço branco no Kama está incluído, então vamos olhar para isso. Começando com a terceira posição. Então em um 00 é um W dois em vírgula é três. Começando pela vírgula, isso é o que temos aqui e terminando um oito, então três quatros o espaço branco 5678 é o S então são fatias logo antes disso. Então nós o obtemos exatamente como este espaço vírgula. Isso é bem simples. Eu acho que você entende. Então slice pode ser usado como uma matriz ou string. Tudo bem, o 2º 1 Agora este é super fácil. Basta lembrar, esta sub string é exatamente a mesma fatia exatamente a mesma, com a única diferença é que ele não pode aceitar valores negativos. Então, não, este método, no caso de você vê-lo, caso contrário, basta usar fatia. Está bem. Sub string tem uma deficiência. Você não pode usar valores negativos. Basta ir com fatia. Então sub string é fácil também. Agora vamos dar uma olhada. Eu não sei como você pronuncia este sub stra s u b str. Vamos dar uma olhada neste. Essa é outra fácil. O que é isto? Vou chamar-lhe subestrutura. Vamos chamá-lo assim. O que é esse método sub stra? O método sub Stra extrai parte de uma string começando no caractere da posição especificada e retorna. O número especificado de caracteres soa muito como fatia, mas é um pouco diferente. Ele tem dois parâmetros, não final de início, mas comprimento de início. Tudo bem, então substrato tem dois parâmetros começando em comprimento, o primeiro parâmetro começar. Este é um parâmetro obrigatório. Você tem que usá-lo. Esta é a posição inicial. Lembre-se que o primeiro caractere é zero. Então começar é como uma fatia. O primeiro parâmetro sub stra é start require. O segundo parâmetro length é opcional se você não colocar nada, vai fazer toda a string. Certo, então o comprimento é o número de caracteres a serem extraídos após a posição inicial. Se vazio, ele exibe todos os caracteres após a amostra de posição inicial. Acho que conseguimos. Então, é hora de olhar para alguns exemplos. Então, como sempre, vamos ao console JS e vamos trabalhar um pouco. Tudo bem, então neste momento, você poderia apenas me observar. Você pode , participar,se quiser. Vou te dar alguns desafios em um minuto, mas vou te mostrar algumas coisas. Então digamos que temos uma string de custo variável que diz Este é o terceiro dia e vamos tentar. Vamos tentar esta string dot sub stra e vamos colocar um e três Então, antes de eu apertar Enter, vamos pensar sobre isso. Então, começando na única posição que vai ser o T A zero h é um. Então vai começar com H e vai contar três espaços e você tem que contar o H também. Então o comprimento é três. Certifique-se de contar o ponto de partida, então começa H no condado. A partir da idade, temos h um I dois s três Então três espaços e bater enter h I s maravilhoso. Então lembre-se, se você começar com um número em que você contar uma certa quantidade, esse número é a primeira contagem. Muito bem, deixa-me mostrar-te isso outra vez. Ah, corda sub stra e vamos fazer algo diferente. Vamos querer zero e tudo bem, então zero é o t Então vamos contar, começando pelo t Então 12345 é o espaço branco 678 é o espaço em branco e isso é o que temos isso é simples o suficiente. Mas lembre-se quando você contar o link para ter certeza de contar que iniciá-los personagem é Bem, tudo bem, Agora vamos tentar isso. Uh, corda sub palha. E então vamos colocar um número lá dentro. O que acha que vai acontecer se colocarmos o número seis? Acho que vai ser o ponto de partida ou o fim. Bem, lembre-se, o começo é necessário, então eu estou pensando que vai ser o começo e apenas devolveu o resto das letras na corda. E isso é exatamente o que ISS então começa no S. Então, começando na posição seis, Então t ser 00123456 é o s e, em seguida, o resto da cadeia. Tão simples o suficiente. Certo, hora de você tentar alguns exercícios. Eu tenho algumas para você. Então vamos fazer uma nova string variável variável. E agora é a minha vez. Opa. Virou-se para experimentá-lo. Então vá em frente e digite essa corda e deixe-me fazer alguns exercícios. Exercício um. Tente produzir Onley uma nova sequência de saída. Veja esta palavra no final da frase. Tente produzir uma nova string com apenas essa palavra fora. Tudo bem, é assim que vamos fazer. Então substrato de cordas. E então vamos começar todo o caminho no Oh, então vamos ver como vamos fazer isso. Então, sendo 00123456 Lembra-se do apóstrofo contra? 789 10 11 12 13 14 15 16 17 18 1920 2122 23 24 25 26 27. Então vamos começar aos 27 e não queremos incluir o período. Então isso vai ser 27. E vamos percorrer este comprimento a partir do 123, então vamos colocar 27 em três, e devemos apenas espalhar a palavra. Lá vamos nós. Espero que tenha acertado. Exercício, também. Tente produzir em Lee, o último chá de toda a corda usando um número negativo. Tudo bem. Não se esqueça daquele período. Veja se consegue descobrir isso. Tudo bem? Então, se o período não fosse, seria simples. Só usamos um negativo, mas só queremos o chá. Então precisamos fazer algo como este substrato de corda. E então nós vamos fazer um negativo para dois começou que T e nós só queremos pegar um personagem, então nós não queremos incluir esse período. Então vamos colocar dois negativos e depois apenas um e acertar. Entrar. E lá vamos nós. Temos o chá, espero que tenha acertado também. Exercício três na corda acima aqui em cima. Agora é a minha vez de experimentá-lo na string acima, começar com a letra m do meu e extrair e extrair todos os caracteres até que o estão em tentativa. Então comece com o M aqui e extraia todos os caracteres para o são. E por quê? Então, tanto assim. Veja se você pode extrair tanto desta string. Tudo bem, vamos contar. Em ser 00123456 apóstrofo. 789 Então vamos começar às nove. Nove e queremos ir para a estação. Então o nove é o M, então vamos começar a contar aqui. 123456789 10 11 12 13 Então nove começou o nono índice e ir 13 para o comprimento. E veja o que conseguimos. Minha vez de TR parar até que estejam. Eu não lhe disse para excluir ou incluir o Se eu o incluí se você o excluiu. Talvez você tenha entendido dessa forma. De qualquer forma, você entendeu. Agora, o último exercício Comece com zero iniciado. Então comece aqui no início e extraia todos os caracteres até o s na palavra é Isso significa parar e incluir o apóstrofo. Então este até s, então você vai cortar antes do s e apenas com o apóstrofo. Então deixe-me dizer de novo. Começou zero e ir todo o caminho até o S em sua, mas excluindo o S. Tudo bem. Vamos ver como fazer isso. Começando em zero e até o apóstrofo nele, então zero agora vamos começar a contar. 1234567 Então vamos para sete espaços e terminamos. Agora é apóstrofo. Então eu acho que você entendeu o ponto. Fique por aqui e experimente. É um ótimo método para saber que é uma boa maneira de extrair caracteres de uma string e usar os que você precisa, então espero que isso ajude. CNE Dia 4. 5. Dia 4 - reverse, junte: Ei, pessoal. Bem-vinda. Hoje, quatro. Hoje vamos aprender a reverter os métodos. Aproveitando. Tudo bem. O primeiro método é o método inverso. Este é um método de matriz javascript. Observe a matriz de palavras. O método inverso apenas inverte a ordem de uma matriz. Não tem parâmetros. É simplesmente inverte. Deixe-me mostrar-lhe alguns exemplos. Então abra seu console de jazz e deixe-me mostrar alguns exemplos do método inverso. E nós vamos fazer isso. Vamos fazer a ré. Vou mostrar-vos alguns exemplos que nos vamos juntar. Vou mostrar-vos alguns exemplos, e depois vamos fazer alguns desafios gerais. Então vamos tentar isso para que você possa assistir novamente antes de participar de qualquer maneira, então aqui está uma variável chamada Array, e dentro dela, eu vou colocar algumas letras. Que tal, uh, bar e t você? Ele e oh, eu vejo. Tudo bem, então eu vou apertar Enter e eu vou simplesmente reverter. Então não temos array aqui com uma matriz de sub strings. Certo, então temos um monte de cordas na matriz. , Então temos o índice 012,blá, blá, blá. Tudo o que vamos fazer é reverter isto. Tão simples. Sem argumentos. Você acabou de acertar array dot Reverse bam! E você tem computador. Tudo bem. Muito liso, não é? Tudo bem, então nós apenas levamos embora o array, e nós o revertemos. É isso, isso é tudo. O reverso faz bem, Seymour o Mawr usa-o aqui em um minuto. Mas, por enquanto, vamos para o próximo método deles. Muito bem, o seu próximo método é o método de junção. O método join une os elementos de uma matriz. Então esta é também uma matriz de que estamos falando. Ele une os elementos de uma matriz em uma string e retorna uma string. Tudo bem, então ele pega os elementos de uma matriz, junta-os em uma string em, apenas retorna a string simples o suficiente. Ele tem um separador de parâmetros. Este parâmetro onde você especifica o que deseja. Os elementos a serem separados por. Isto eu tenho. Esta é a opção. Eu quis dizer que isso é opcional, não opção no padrão é a vírgula. Então, tempo para alguns exemplos, e então vamos saltar para alguns desafios. Então vamos olhar para voltar para o console Js e vamos ver como isso funciona. Tudo bem, então vamos fazer outra variável chamada Array e vamos colocar, hum, vamos usar nosso array de um minuto atrás. Posso apertar o botão para cima. E, na verdade, onde precisamos fazer isso, ainda está definido. Vamos nos certificar, tudo bem, sim. Então ainda temos a matriz inversa. Vamos reverter para onde tínhamos no início. Tudo bem, lá vamos nós. Então temos nosso computador de trabalho ao contrário. Agora vamos aproveitar isso. Não vamos colocar um separador. Vamos apenas colocar um, array dot join e ver o que acontece. Boom. Então nós temos esse array e ele se junta, uh, uh, em uma corda separada por vírgulas. Lembre-se, a vírgula é padrão. Então não colocamos nenhum separador como argumento, então ele usou a vírgula. Então vamos tentar isso. Vamos ver Ray ainda existe porque cria uma nova string. Agora vamos tentar este ponto matriz Junte-se e, em seguida, vamos colocar um separador aqui. Que tal só um traço? Vamos ver como isso se parece. Tudo bem. A mesma coisa, mas sem a vírgula, temos um traço. Quer espaços entre as letras? Que tal isto? Array dot Join Coloque um espaço lá. E agora temos espaços entre ele. Maravilhoso. Muito legal. Agora você pode experimentar. Você pode usar um cachimbo. Você pode usar algumas letras. Você pode colocar alguns símbolos. Aqui está um desafio para você. Tente pegar isso. Deixe-me atualizar minha página. Aqui está um bom desafio para você. Tente chegar até aqui. Foi difícil falar sobre isso. Tudo bem, veja isso aqui. Tente pegar isso. Tudo bem. Então deixe-me entender que isso vai ser um erro. Então aqui estão suas esperanças de matriz. Onde quer que não defina mais, veja se podemos trazê-lo de volta batendo no Kia. Então aqui está o nosso raio. Tenta trazer isto aqui para cima, vê se consegues isto. Então vamos nos separar por algo, e queremos ter certeza que você coloca o espaço lá. Experimente isso. Tudo bem. Esse foi um pouco complicado, mas deixe-me mostrar como se faz. Se você não conseguisse. Que tal este ponto matriz Junte-se. E então parece que os separadores vão ser este suporte espacial. Vamos tentar isso. Aqui vamos nós. Sim. Então nós apenas separamos por espaço de suporte para trás. Muito bem, aqui está o teu desafio para hoje. Vamos tentar combinar algumas coisas para um desafio. Lembre-se do método da fatia. Lembre-se, é preciso dois argumentos. Separador e limite. Aqui está o seu desafio para hoje. Pegue esta corda. Oops. T n E l l E c xy Esta é a palavra excelente. Para trás. Pegue esta string em, Inverta-a em uma nova string. Excelente. Agora você pode estar pensando, ei, eu poderia reverter, mas você não pode. Você realmente tem que usar o método de fatia, o método inverso e o método de junção. Então deixe-me começar aqui. Vamos criar uma string dividida variável e tê-lo igualando a palavra Excelente para trás, que é t n e l l E c x e. que é t n e l l E c x e. Então vamos fazer deste nosso ponto de partida e ver se você pode pegar a string e revertê-la para a nova string. Excelente. E eu lhe mostrarei a resposta em um minuto. Mas tentei primeiro, é claro. Tudo bem. Espero que tenha conseguido isso. Se você não conhece problemas, vamos resolver isso agora, então temos uma string dividida variável com a palavra excelente ao contrário. Vamos bater interior e A primeira coisa que queremos fazer é dividir os caracteres desta string em elementos de matriz. Tudo bem, como fazemos isso? Fazemos isso com split, então vamos tentar. Primeiro, vamos criar uma variável para isso. Então, que tal Element Array? E digamos que split spring dot split. Então vamos usar o método de divisão. E lembre-se, queremos exibi-lo por cada letra. Então enfraquecer apenas colocar é argumento ar duas aspas. Não há espaço entre estes, então ele vai dividi-lo cada letra e apertar Enter. Então vamos ver como isso se parece. Matriz de elemento. Tudo bem, nós temos a palavra excelente para trás não como uma corda mais, mas é melhor como uma matriz de sub cordas. Tudo bem, então todas as letras incham quebradas em uma corda. Então temos esta matriz de trás para frente. O que acha que precisamos fazer a seguir? Podemos pegá-lo e revertê-lo. Então vamos criar uma variável. Vamos chamá-lo invertido. Array é igual ao elemento de matriz ponto reverso. Isso deve reverter sua matriz. Vamos ver o que parece. Tudo bem. Excelente. Temos a matriz agora invertida de excelente Então a última coisa que precisamos fazer é pegar essas cordas sub e juntá-las em uma única corda. Agora, como fazemos isso? Lembre-se, o método joint une os elementos de uma matriz em uma string e retorna uma string. E lembre-se, ele tem um parâmetro o separador. Este parâmetro é onde você especifica o que deseja que os elementos sejam separados. Então, o que queremos? Os elementos aqui devem ser separados por Nada. Porque queríamos ser uma corda. Não queremos espaços. Então vamos simplesmente colocar o ponto do raio inverso Junte-se e não queremos que ele seja separado por nada. Então, vamos colocar uma citação pro nada lá. Sem vírgulas, sem canos, nada. E esperamos ter que defini-la. Então, variável. Vamos chamar isso de ... Junte-se. Array é igual e vamos acertar isso. Então vamos nos juntar. Muito bem, vamos ver como é. E lá temos. Essa é a corda deles. Excelente. Então nós usamos slice, nós é reverso, nós usamos join, e nós temos a string. Ótimo trabalho. Agora aqui está um desafio bônus para você. Tudo bem. Você está pronto para um desafio bônus. Experimente isto. Então pegue essa corda. Vou criar uma variável e chamá-la hoje. Pegue esta corda hoje Trabalhe muito bem. Pegue esta corda e revertê-lo em uma nova string dizendo grande trabalho hoje. Agora este é um pouco diferente porque você tem um Você tem três palavras com um espaço entre elas. Por isso, dedique um pouco para pensar sobre isso e tentar resolver isso. Se não conseguires, não há problemas. Volte e passaremos por isso juntos. Tudo bem? Espero que tenha conseguido isso. Então deixe-me bater. Volte aqui. Agora, o que não fazemos? O que queremos fazer? Queremos dividir isso em uma matriz, é claro. Mas o que queremos dividir? Onde queremos dividi-lo? Então vamos criar uma variável. E devemos chamá-lo a mesma coisa Element array é igual hoje. E lembre-se, última vez que dividimos por cada letra esta aqui, queremos dividir por cada palavra para que possamos dizer hoje ponto split e então colocamos aspas, espaço aspas. Então ele vai dividi-lo nos espaços, então ele vai dividi-lo por cada palavra. Então tivemos entrar e vamos ver como isso se parece. Matriz de elemento. Ok, então você tem uma matriz de sub cordas. As três palavras. Agora, o que fazemos? Nós revertemos isso. Esta variável parte simples inverteu a chuva e você pode nomear sua variável o que quiser . Inverta o raying elemento relevante array ponto reverso e hit return e vamos ver como isso se parece. Certo, então agora temos uma matriz com suas três palavras da maneira correta agora invertida. A última coisa que precisamos fazer é juntar isso, mas precisamos nos juntar a ele. Então ainda tem esses espaços lá. Então vamos criar uma variável chamada Join Array. E queremos juntar-nos a isto reverter a corrida. Então vamos fazer junção de pontos de matriz invertida. E o que queremos que seja o nosso separador? Claro, um espaço. Então vamos colocar aspas de espaço e isto deve juntar-nos de novo. Vamos ver, lá é um grande trabalho hoje. Espero que tenha sido excitante. A junção no método inverso são usados muito para levar algum tempo para se sentir confortável com ele . E vejo-te no quinto dia 6. Dia 5 — shift, salto, salta, empurra: Ei, pessoal. E bem-vindos ao quinto dia. Hoje vamos aprender quatro métodos mudar ift pop inseguro e empurrar. Parece muito, mas eles são muito relacionados. Então vamos saltar para um aumento e cobrir alguns métodos de matriz fundamentais que você vai usar muito. Ok, você tem que se acostumar com esses quatro métodos. Agora, você pode pensar que já sabe disso, mas tenha certeza, há algumas coisas que você tem que gramar antes de poder reivindicar isso, eu vou explicar. Tudo bem. Isso é metanfetamina. Estes métodos, como mencionamos ou pop push, shift e on shift aqui, é um diagrama simples explicando a essência dele. Então aqui temos um pássaro variável que contém uma variedade de pássaros. Então há cinco pássaros em desordem que vemos na frente da matriz. Nós temos uma mudança em um método inseguro se, então a mudança na mudança da ONU tem a ver com a frente da matriz. A mudança está removendo um elemento da matriz. Unsheathed é colocar em um elemento na frente de uma matriz. Aqui no final, temos “pop and push”. Pop está removendo um elemento do final da matriz empurra colocar um elemento na extremidade de uma matriz. Então eu gosto de lembrar disso porque se você pensar sobre isso, se algo mudar, se você mudar algo para baixo, então tudo se move para baixo. Então eu gosto de dizer que se eu mudar algo fora da matriz fora da frente, o resto dos elementos vai se mover para baixo também. Então é assim que eu me lembro de Shift estar na frente se você sabe que, você sabe, um turno, eles também estão estourando. Empurre ambos sendo ervilhas. Você pode lembrar que as ervilhas ou no final, você também pode lembrar que nós vamos saltar fora do final da matriz. Então, há muitas coisas que você pode fazer para lembrar disso, mas esta é a essência básica disso em um diagrama. Tudo bem, então turno e turno, vamos falar sobre esses dois. Primeiro, esse método shift remove o primeiro elemento de matriz em desloca todos os outros elementos para um índice inferior. Então você está removendo zero. Você está removendo o primeiro elemento da matriz em todos os outros. Deslocar um simples. Tudo bem, mas há algumas coisas para anotar e deixe-me explicar com um exemplo. Então vamos sair daqui e abrir seu console Js que temos usado esse tempo todo Js console dot com e eu vou criar uma matriz chamada Ray. E eu vou colocar nele alguns números cerca de um a três, para tudo bem, eu vou colocar um a seis neste um golpe de chuva. Entrar. Agora. Confira isso. O que eu quero fazer se eu quiser remover o primeiro elemento com um, Eu simplesmente colocar array dot shift, e isso irá remover o primeiro elemento da matriz. Então deixe-me bater, voltar e ver o que acontece. Ele retorna o primeiro elemento um. É o que me diz aqui. Este é o elemento que eu removi. Então lembre-se que o método shift retorna o elemento removido. Então, se eu verificar minha matriz agora, ele vai estar faltando o um e todo o resto deslizou para baixo, deslocado para baixo. Tudo bem, então pense sobre isso. E se quisermos adicionar aquele ali de volta ou o quê? Queremos colocar como outro elemento, como 100 ou 500 ou três ou algo assim? E se quisermos acrescentar? Vamos ficar com um. E se quisermos adicionar o de volta à frente da matriz? Basta colocar array dot ift unshowy. E o que queremos? IFT inseguro. Queremos não ter certeza se um assim isso irá colocar o outro de volta na frente da matriz. Agora veja o que mais acontece quando eu bater. Digite ele retorna a quantidade de elementos na matriz. Voltarei a isso. Então vamos olhar para o ar agora, e um está de volta lá. Então nós deslocamos o primeiro elemento com Shift, e nós o removemos colocando de volta. Muito simples. Vamos falar sobre este número rapidinho. Esse é um recurso muito legal para ter em seu kit de ferramentas de desenvolvedor. Tudo bem, se você, se você não tem array e há toneladas de elementos e você é como quantos elementos ar lá, você pode obtê-lo tão rápido apenas colocando o ponto array sem peneirar em colocar Nada é o seu parâmetro, então ele não vai colocar nada. Só vai devolver o valor na matriz, então apertei “Return 6”. Ferramenta impressionante tohave matriz ou ponto variável não exibicionista ift nenhum parâmetro, e que irá retornar a quantidade de elementos e uma matriz. Pense em como isso pode ser usado. Tudo bem, tudo bem. Então vamos voltar ao nosso ponto de energia aqui. Começamos isso de novo e vamos passar para os outros dois métodos. Uma mudança em impeneirado fácil. Vamos passar para pop e empurrar. Então deslocado no turno é a frente da matriz. Pop e push é o fim do intervalo. Pense em segurar a matriz em suas mãos e estourar a ponta fora. Lembre-se disso, e nós seguiremos isso. Ambas as ervilhas diziam respeito ao fim do arbusto chuvoso e estourado. Mas se você teve tempo para entender, mudar em um turno, então você vai achar isso muito fácil. O método pot retorna em um método de raio que apareceu fora do final do intervalo. Então, se você sabe um turno em um turno, é a mesma coisa para pop e push. Então deixa-me mostrar-te isso. Então vamos voltar ao nosso console JS e vamos fazer isso. Vamos manter a mesma matriz. Na verdade, eu vou copiar isso e atualizar minha página para que eu possa começar do início e eu vou colocar no mesmo array novamente. Pode deixar, se quiser. Então vamos tentar esta matriz dot pop, Isso vai pop o seis direita fora do arranjo então ray dot pop e ele retorna o elemento array. Assim como Shift fez isso, Ray Dot Pop. E deixa-me verificar a minha matriz. Agora ele se foi. Então eu tenho 12345 O seis está fora de lá. Então, como fazer o que eu faria se eu quiser colocar o seis de volta ou se eu quiser adicionar algo mais longo e eu simplesmente colocar um ponto de raio empurrar Isso empurra de volta para o fim e eu vou dizer, seis aperte enter e ele deve retornar o valor de elementos na matriz. Incrível. Então vamos olhar para um raio. Aqui vamos nós. Temos de um a seis de novo e enfraquecemos. Use a mesma coisa para obter o Um número de elementos uma matriz de modo que a matriz dot push sem nenhum parâmetro. E ele só diz que seis elementos na chuva e o método push é super importante porque muitas vezes você executa loops em JavaScript em cada loop, você vai empurrar um item em dois. O fim de uma matriz. Então lembre-se que um, especialmente de todos os quatro, mas você estará usando todos os quatro. Então isso é tudo por hoje. Este ar quatro métodos muito simples. E espero que tenham sido úteis. E vejo-te no sexto dia. 7. Dia 6 - charAt, indexOf, indexOf,: Ok, todo mundo e bem-vindos hoje, seis. Hoje vamos trocá-lo de volta. Duas cordas. Estávamos em um aumento. Vamos trocá-lo de volta duas cordas e fazer uma pequena busca. Então hoje temos três métodos estavam olhando para o caractere em Método, o índice de Método no último índice off. Então vamos olhar para o gráfico em Método. O char at Method retorna o caractere em um índice especificado de uma string. Ele tem um índice de parâmetro. Então, onde parâmetro é uma posição de índice e ele retorna a letra nessa posição Então podemos dizer char em 15. E ele vai retornar o personagem no 15º índice porque HR em três ele vai retornar o personagem no índice três. Tudo bem, então lembre-se disso. Que posição é tal em tal personagem em Char At Pretty maneira fácil de lembrar isso. Em que posição é tal e tal personagem? Vamos usar o método char no. Então vamos dar uma olhada rápida nisso. Então vamos para o console JS e deixe-me colocar uma corda aqui para nós brincarmos. Então aqui está eu vou dizer posição variável é igual. Digamos que eu queira procurar posições dentro desta string e aqui está o quão simples este método é. Então eu posso dizer posição ponto HR em que personagem está no índice 15 e ele vai retornar o caractere no índice 15 que é um h ah posição shar no índice três e ele vai me dizer , vamos contá-lo e ver eu zero Então 012 três Então tudo o que estamos fazendo aqui é dizer, que personagem é esse? Este índice que especificamos é um parâmetro. Muito bem, acho que conseguiste. Agora vamos seguir em frente. Certo, Logo depois disso, vamos olhar para o índice de Método. Agora veja isso. Onde char em nos dá o valor da posição que passamos. Um índice de argumento de nos dá a posição de um valor. Então, em um caso, estavam recebendo o personagem em e no outro. Estamos tirando o índice, então os métodos dizem o que fazem. Um deles estava pegando o personagem no outro. Estamos tirando o índice. Como você pode ver, leva enquanto leva dois argumentos. O 1º 1 que você já conhece o 1º 1 é o valor de pesquisa. A string que estava procurando por So indexar. E podemos dizer que estou procurando a carta. R. Podes dizer que estou à procura de um espaço. Pode-se dizer que estou à procura de barcos ou qualquer palavra que possa dizer que estou à procura do computador ou procurar o computador é bom. barcos ou qualquer palavra que possa dizer que estou à procura do computador ou procurar o Você pode procurar qualquer string com esse primeiro valor. O segundo valor, no entanto, é opcional. E este é o índice inicial. Então este é o índice de onde vamos começar a busca. Então você pode dizer que eu quero procurar por este valor, mas eu quero começar neste ponto na cadeia de caracteres em afinal, direita, então índice off para dois parâmetros. Valor de pesquisa e índice inicial. Então vamos dar um exemplo. Tire algum tempo para ver isso. Eu acho que você vai conseguir, então eu vou limpar o console aqui e eu vou criar outra string. Digamos que o sono variável é igual. Eu vou dormir depois disso, que eu fui atingido. Entrar. Certo, então vamos tentar o índice do Método Celeste. Tente o índice do ponto de sono de e digamos a palavra G. Oops. É uma corda. Qual é o índice de G cinco? Então este G aqui é um índice cinco. Vamos tentar uma palavra, então o índice de pontos de sono de Vamos tentar a palavra indo. O que você acha? Vamos pegar cinco de novo? Se você colocar em uma palavra ou uma frase ou algo assim, ele vai te dar o índice do início disso. Então o G é a primeira letra de ir, então ele vai nos dar isso, e não vai nos dar o segundo G. É procurar por esse personagem em retornos, a primeira instância dele a partir da esquerda. Então vamos tentar o segundo argumento porque eu acho que você entende o que temos acontecendo. Agora vamos tentar o segundo argumento, então o índice do ponto de sono de e vamos dizer a palavra para T O. começando no Índice 5 apenas acerte aleatoriamente retorno e nós vamos ter 11. Então vamos ver. O que é isso? Index cinco olhos. 0012345 Então o G então ele vai começar bem aqui no G em ir. A primeira ocorrência até depois disso está aqui, e que está no índice 11. Então ele não conta a partir de sua posição inicial ainda é o índice da string. Mas ele só conta os caracteres após o valor inicial do ar. Então nós temos 11 porque a primeira ocorrência de dois após o índice cinco vem ele índice posição 11. Mas espere, Por que a primeira ocorrência de para o que se queremos obter a última ocorrência de dois depois de cinco . Então, se você ver em sua sentença, nós temos isso também. E isso também temos a palavra para duas vezes para obter a última ocorrência que temos que usar você. Acho que o último índice está fora. Agora vamos dar uma olhada nisso bem rápido, porque este é um pouco mais complicado. E digo-te porquê num minuto. Tudo bem, último índice do último índice de método retorna a posição fora da última ocorrência de um valor especificado em uma string. Então, se você quisesse obter os dois últimos nessa frase, usaríamos o último índice de agora melhor. Eu mostro-te este porque alguma coisa te vai enganar porque me engana o tempo todo . Então vamos voltar para o console Js e vamos manter essa mesma variável parecer dormir e vamos experimentá-lo. Então legatus sono ponto último índice de e vamos colocar dois e apertar Enter 17. Agora vamos contar. Começando também. Índice zero. Então 0123456789 10 11 12 13 14 15 16 17. Então está nos dando a última ocorrência de dois. Isso é legal, não é? Não queremos pegar o pé. Queremos obter o 1º 1 que usamos. Index para cima. Queremos obter o último que usamos o último índice para cima. Vou verificar isto. É aqui que as coisas ficam complicadas. Aqui está um desafio para você. Tente obter a última ocorrência da letra G após a posição do índice para começar na posição do índice para obter a última ocorrência da letra G. Certo, agora você provavelmente está se perguntando por que você tem um negativo. Então você provavelmente colocar ponto de sono último índice de e G começando no índice para e você aperta enter e há um negativo. Quando o mundo aconteceu, isso é certo, você sabe, isso é o que você pensaria em fazer. Mas aqui está a coisa. Deixe-me explicar. O último índice de método realmente conta para trás, mas retorna para nós, o índice começando no início. Então ainda nos dá o índice a partir do início, mas na verdade conta para trás. Então, no exemplo aqui, índice duradouro do ponto de sono de G iniciando um índice para ele começou no segundo índice. Então 012 Então os segundos índices A. Se você começar a contar a partir do segundo índice, ele só vai contar o espaço porque, lembre-se é contar esquerda. Vai contar o espaço no olho. Nesse caso, não há G. Então você tem um negativo porque não foi encontrado nenhum G. Então você tem que se lembrar ao usar o último índice de quando você quer usar um índice inicial, ele está contando para a esquerda. O que você gostaria de fazer é que você iria querer dizer algo como sono ponto último índice de G e apenas ir com isso e ele vai dizer 14 então 14 vai estar aqui, então você pode apenas fazer isso. Não especifique o índice inicial, ou você pode começar a partir de alguma letra no final da string, digamos como, 28. Então você poderia dizer, hum, dormir último índice de G 28. E isso vai começar a contar a partir do qualquer que seja o 28º índice de no final à esquerda. Então ele ainda vai encontrar a coisa certa, então ainda devemos pegar 14. Então eu não sei se você usa o último índice para cima. Talvez não use o valor inicial ou pratique-o e saiba como o valor inicial funciona bem para você. Então deixe-me dar-lhe outro desafio, e isso é algo que você pode continuar por conta própria. Tudo bem, aqui está algo que você pode verificar por conta própria. Aqui está um gráfico por NDN que você deve ser capaz de acompanhar agora. E este é o teu desafio para o dia. Se você lutar com isso de alguma forma, sinta-se à vontade para voltar atrás até que você seja capaz de resolver isso. Então você pode compreender este gráfico? Agora? Se você pode olhar através disso e dizer, “ Ei, eu entendo agora, então siga em frente. Se não, volte e passe por isso de novo. Então você pode compreender este gráfico? Paul é seu vídeo, olhe para ele e veja se tudo faz sentido para você. Tudo bem, aqui está uma nota lateral, e isso é algo que é realmente útil. Esta é apenas uma dica extra para a lição. Se a corda que você está procurando não existe, então em nossa corda eu vou dormir depois disso. Se procurássemos, como o McDonald's, mostraria um negativo, porque isso não existe na corda. Então esta é uma ótima maneira de verificar se algo em uma string existe. Ok, então se você quiser verificar, se você tem uma corda, você e você quer verificar. Se algum caractere existir, então você pode procurar esse caractere. E se devolve um negativo, não é. Não existe. Além disso, o mesmo método index off pode ser usado da mesma maneira com um aumento. Este é um ótimo método para pesquisar fora do Ray para ver se existem valores verificando se é igual a um negativo. Então você quer saber Ei, é Billy Bob, um usuário no sistema de ar, e os usuários são mantidos em uma matriz que você pode dizer índice off Billy Bob. E se voltar, negativo que, não, ele não está no sistema. Então, isso é muito útil usando index off para ver se algo existe ou não. Eu acho que é uma dica legal, e eu acho que é outra coisa que você pode adicionar à sua caixa de ferramentas, tudo bem, e eu acho que é o suficiente por hoje. Vejo você no sétimo dia. 8. Dia 7 - String, toString, toString, fixar, número, parseFloat: Olá, todos. E bem-vindos ao sétimo dia. Agora, antes de entrarmos em algumas das coisas mais complexas, precisamos dar uma olhada rápida em alguns métodos numéricos. E faremos isso hoje e na próxima lição. Estes são muito importantes, e estes são aqueles que você usará com frequência. Tudo bem, então hoje vamos estar olhando para um punhado. Muito bem, temos a cadeia de “s maiúsculas”. Temos as duas cordas de capital fixo em número, Analisar, flutuar e analisar int. Você pode estar dizendo, o quê? Por que tantos? Bem, porque eles são bem fáceis, e eu acho que você pode lidar com isso, então vamos embora. Então vamos dividir tudo em dois campos para torná-lo mais compreensível. Há dois campos aqui. Há uma conversão de números, duas cordas, e depois há a conversão de cordas em números. Então, primeiro, vamos ver a conversão de números. Duas cordas. Então há momentos em que você precisa converter um número em uma string, e haverá muitas vezes que você precisa fazer isso. Na verdade, verdade, quando você está trabalhando em projetos, às vezes eles não aceitam números, eles só aceitam cordas, e você precisa colocar algo lá dentro. Então, quando você passa que ele passa como uma corda. Então você precisa dessas funções e elas são realmente fáceis. Então vamos dar uma olhada. Então a primeira coisa que vamos olhar é muito string e capital s string. Então string é um método de cadeia de capital s é na verdade uma função, mas eu queria incluí-lo aqui de qualquer maneira, Então, para string e string, ambos convertem um número para uma string. Isso é tudo que eles fazem para converter um número em uma string. Então vamos olhar para um exemplo de ambos. Então vamos para onde Js console e vamos criar Ah, variável e apenas chamá-lo número dois string e ajustá-lo para 500. Este é um número. Podemos confirmar que com o tipo de número dois string e ele nos diz Hey, este é um número. Então temos um número aqui armazenado em uma variável. Então, a primeira coisa que vamos tentar é o método de string to. Então vamos criar uma variável chamada nova string e vamos convertido. Então número dois string ponto para string. É esse simples retorno e agora vamos ver o que a nossa nova cadeia diz que é agora a corda 500 não o número. E podemos verificar isso dizendo tipo de nova string e nos diz que a string. Então isso é simples. Tomamos um ponto numérico para string e ele converte em uma string. Agora vamos tentar o outro. A cadeia de capital. Este é um pouco diferente porque é uma função, mas é um simples como este. Então, número dois. Tudo bem, então temos o nosso número 500. Tudo o que fazemos é dizer corda e dentro dos parênteses colocamos ar o que queremos converter. Então essa é a corda número dois e apenas aperte Enter e lá vamos nós. Nós convertemos o número 500 para a string 500 de modo a string em string são simples. Eles convertem números duas cordas. Então vamos voltar e olhar para este próximo, que tem um pouco de nuance para ele. Então, nosso terceiro método de números duas cadeias é o método de dois fixo. Qual é o método de dois fixos? Os dois método fixo faz o mesmo que a string, mas retorna a string com um número definido de decimais que você passaria como um argumento . O mais utilizado é o formato de dinheiro, que é duas casas decimais. Vamos experimentá-lo. Então, abra novamente seu console Js e pressione atualizar para obter uma nova página. E vamos tentar isto. Dinheiro variável é igual a três tipos de dinheiro. Isso vai nos dizer que é um número, então temos o dinheiro variável que é igual ao número três. Então digamos, Ei, precisamos que três estejam em formato de dinheiro com duas casas decimais. É simples, não é? E vamos criar uma variável para isso, , digamos,cadeia de dinheiro e é um simples É este ponto de dinheiro para fixo agora? Quantas casas decimais queremos? Nós queremos. Esse é o formato do dinheiro. Então passámos dois como argumento. Isso é tudo o que é hit return. E agora vemos que Air três é agora 3.0 uma string. Então nós convertemos três para uma string em duas casas decimais adicionadas. Agora, é claro, nós podemos fazer, hum, ponto de dinheiro para fixar e colocar quatro casas decimais. Se quisermos acertar o retorno e lá temos quatro zeros. Aqui está um desafio para você. Aqui está um desafio para você verificar o dinheiro variável e vamos ajustá-lo para 3.22 Então primeiro, se colocarmos o dinheiro ponto dois? Corrigido quatro. O que vai acontecer aqui? Bem, vai dizer 3.2200, então só vai adicionar os zeros aos quatro lugares. E se passarmos zero como argumento, experimentá-lo e ver o que acontece? Então, se dissermos dinheiro ponto dois fixo e colocar zero, vemos que nos dá três. Então leva as duas casas decimais de distância e nos dá três. Parece que foi arredondado, mas não tenho certeza se você pode não ter certeza. Então vamos tentar dinheiro variável para e vamos dizer algo que deve ser arredondado para cima 3,75 E vamos dizer dinheiro para esse índice para fixo. E vamos colocar o zero novamente e ver se ele arredonda. Sim, ele arredonda para cima para que você possa usar para fixo com um parâmetro de zero ou um argumento de zero para arredondar para cima em torno de baixo. Então isso é muito legal. E coloque isso na sua caixa de ferramentas lembre-se disso para que dois fixos com zero se arredondem para você. Então, apenas em resumo, Se eu entrar para, eu estou dizendo para colocar dois espaços decimais. Se eu inserir quatro, vou dizer quatro casas decimais. 66 teste. Você entendeu o ponto. Tudo bem, então agora vamos olhar para a conversão de strings em números. Tudo bem? Temos três métodos para este número. Analisar flutuador em partes. E agora vou dizer que não são métodos. Suas funções também, mas são construídas em funções. Então não usado da mesma maneira com apenas um pouco diferentes formatos. Então, de qualquer maneira, vamos olhar para estes três. Então aqui está o capital numérico em função, tudo bem. E isso é, de longe, o mais simples e faz o oposto da cadeia de capital s. Então você apenas digitar sua string desejada como o argumento. Então, por exemplo, se temos a string de 10 e precisávamos convertê-la em um número, simplesmente colocamos capital e número. E dentro dos parênteses que passamos a string é o argumento hit Enter e ele converte em um número. Isso é tudo. O número faz. Direto. Eu acho que você conseguiu. Vou mostrar-lhe um exemplo em um minuto, mas vamos passar para a segunda função. A segunda função é analisar, Int e analisar tia Parses. Uma string em retornos, um número inteiro. Este é um grande peso em torno de uma string em um número inteiro, com uma exceção que vai ver. Então vamos olhar para alguns exemplos aqui para ir para o console Js. Vamos primeiro olhar para o número. Digamos que temos um número variável em que é igual a uma cadeia de, hum, digamos 45. E para converter essa string em um número, simplesmente colocamos o número e dentro dos parênteses. Vamos colocar o argumento, e isso vai ser Air Variable, que é 45 e nós vamos apenas apertar Enter e você vê que ele converte a corda 45 para um número 45. Então isso é muito fácil. E, claro, você pode colocar um valor real lá, também. Então número você pode dizer, como um exemplo, a string de 10 e pressione retorno e ele retorna o número. Então eu acho que você pegou essa. Vamos falar sobre Parsons. Então, como você se lembra, analisa e analisa uma string e retorna um número inteiro, este é um grande peso em torno de uma string em um número inteiro. E lembre-se que é uma função tão bem colocá-lo assim. Primeiro, vamos criar uma variável chamada decimal e vamos tê-lo igual a 3.2 para a string, 3.22 Então, com Parsons, queremos mudar a string de 3.22 para um número inteiro. Então vamos dizer e lembrar, esta é uma função tão bem, na verdade dizer analisar e colocar o argumento entre parênteses, então isso vai ser decimal, então ele deve retornar o número inteiro. Então, a corda de 3,2 dente deve retornar o retorno número três. Ótimo. Ele retorna o número três. Então esta é uma maneira de converter uma string em um número inteiro. Mas há uma exceção. E deixe-me mostrar-lhe, se eu disser Parson e passar uma cadeia de 3,75 o que você acha que isso vai nos dar? Acha que isso vai nos dar quatro? Vamos para a entrada E. Não, ainda nos dá três. Por que está arredondando para baixo? Bem, quando se converte, arredonda para baixo. É o que o Parson faz e vê isto. Isso é importante para usar um tempo em aplicativos de software. Por exemplo, se o seu ganho deu troféus para cada nível que você passar e você passou quatro e 3/4 nível de modo que quatro e 3/4 de nível, que ainda é apenas quatro níveis. Mesmo em 4,99 não é bem cinco níveis, e, portanto, ele não deve atribuir cinco troféus. Então, são momentos em que você não quer que algo aconteça até que atinja o número completo . Então, se você tem madame, só um quatro. Eu estou jogando este jogo e eu sou quatro pontos 93% feito com este nível. Ainda não estou no nível cinco. Então esta é uma maneira de manter as coisas arredondadas até chegar ao próximo número. Se isso faz algum sentido, espero que seja um bom exemplo para você. Então par enviado converte uma string para um número, mas ele arredonda em um número inteiro. Tudo bem, acho que você entendeu. Agora vamos olhar para o último. O último é analisar flutuador. E sim, esta é uma função. Ah, parse float analisa uma string em retorna um número Então você vai usar este, não analisar final. Se você quiser converter uma string para um número e manter suas casas decimais para analisar formiga vai se transformar em um número inteiro, partes float vai convertido de uma string para um número. Mas fique com as casas decimais. Então deixem-me mostrar-vos um exemplo. Se você digitar partes float string de 3.45 então ele irá retornar o número 3.45 Não há arredondamento acontecendo aqui, tudo bem, então vamos apenas olhar para isso rapidinho por causa da completude. Então analise o flutuador. Se eu tiver uma string de 3,99 e eu estou dizendo entrega para converter isso para um número, mas eu não quero arredondar, eu ainda preciso do 3.99 Eu uso partes flutuar aqui eu apertei Return e ele retorna o número 3.99 Então vamos fazer uma recapitulação rápida, porque isso pode ter sido um punhado para você em um dia, mas realmente não é. Deixe-me explicar isso para você e você se afastará deste único entendimento. Então vamos rever. Então, olhamos para três conversões de cordas número dois. Isso é corda na corda. Ambos convertem um número em uma string. E há dois Fixo, que converte um número em uma string com o parâmetro para definir um número de casas decimais. Tudo bem, estes são os métodos número dois string, e então nós temos a conversão de string para número. Em. Estes três eram funções, mas foram construídas em funções. Você não tem que ir escrever um em que é o número que converte uma string em um número. Há Parson que analisa uma string em retornos, um número inteiro que é arredondado para baixo. E então há partes flutuantes que analisa uma string e retorna um número que mantém suas casas decimais se elas tiverem. Tudo bem, então espero que isso tenha sido útil, que seis deles e a maioria deles foram bem fáceis. Havia algumas exceções aqui e ali. Então você pode querer voltar e olhar o quarto de novo. Brincar com as coisas. Veja como você pode usar isso na sua codificação de todos os dias, e eu vou vê-lo no dia oito 9. Dia 8 - Math.round, Math.ceil, math.Floor, Math.min, Math.max: Ei, pessoal. E bem-vindo ao oitavo dia. Hoje vamos fazer algumas contas. Nós vamos terminar a parte dos números deles do curso olhando para a matemática Capital M. Que matemática é essa que você fala? Bem, veja isso. Math é um objeto JavaScript construído que permite executar tarefas matemáticas em números. Então matemática, o M maiúsculo é um objeto construído com o script Java, e permite que você execute essas tarefas. Ele tem esses métodos que você pode chamar neste objeto e ele vai fazer essas tarefas para você. Então isso é matemática ponto redondo, chão ceil, Max e homens. Na verdade, você provavelmente pode dizer o que eles fazem apenas lendo. Então vamos começar pelo topo com matemática ponto round. Eu me pergunto o que isso faz. O método de arredondamento de pontos matemáticos retorna o valor de um número arredondado, arredondado para o inteiro mais próximo. Então vamos dar uma olhada rápida nisso. Abra o console JS e vamos ver isso. Então eu tenho uma variável chamada número em que é igual a 12.8. Eu posso simplesmente dizer matemática capital m ponto rodada e Aiken rodada este número. Onde está indo em torno dele vai arredondar para 13 é claro. Então eu posso dizer, coloque minha variável lá e aperte o botão “Return “e ela vai retornar 13. Então tudo o que faz é apenas arredondar um número, e você também pode, é claro, inserir os números o argumento. Então matemática ponto redondo, um 3.2 e vai nos dar três matemática ponto rodada Ah, 7.99 Vamos colocar um monte de números aqui, e está indo em torno disso. Lá vamos nós. Oito. Eu acho que você entendeu o ponto. Vamos seguir em frente. Então, em seguida, são o selo matemático ponto nos métodos matemáticos chão ponto simples. Isto é para estes dois? Lembra-te disto. O teto é acima nos andares abaixo do selo matemático, teto no chão matemático para baixo, então selo matemático retorna o valor. Arredonde-o para o seu inteiro mais próximo, e Matt Floor retorna o valor arredondado para baixo para o seu inteiro mais próximo. É isso. Então vamos dar uma olhada nisso. Então vamos dizer matemático ponto selo e digamos 4.1. Você acha que está rolando em torno dele? O teto está alto, então 4.1 vai nos levar para cinco. Então isso não é como arredondar como 4.1 vai ir 44 pontos. Qualquer coisa vai arredondar para cinco. Então o selo matemático está indo em torno de tudo para cima e, claro, matemático ponto chão. Vamos colocar um número alto. Que tal 9.9 Math Dot chão? O chão está no chão. Deve arredondar é para nove, não para 10. Sim, nove. Então Matt Seal está nos rodeando não importa o que aconteça. E o chão matemático vai à nossa volta, não importa o que aconteça. Tudo bem, vamos continuar rolando. Então, nossos dois últimos métodos são Matemática Dot Man em Matemática Dot Max. Os homens e os métodos Max fazem o que sugerem. Eles retornam o menor número dos números passados para ele. Homens ou o maior número de números passados para ele, Max. Então vamos olhar para um exemplo. Então deixe-me atualizar isso e vamos nos levar para fora homens de matemática. Vou colocar 4 a 9. Isto vai dar-nos o número mais baixo, por isso isto vai voltar para os homens de pontos matemáticos. E vamos dizer, hum, a mesma coisa para 29 O que vai nos dar os lábios, não os homens. Math dot max dos mesmos três números nos dará o mais alto, que é, claro, nove. Então isso vai nos dar nove. Então vamos tentar outro. Vamos criar uma matriz. Vamos subir um pouco aqui. Então matriz variável e vamos colocar na matriz três para 5.4 10 3.2, 11 21 0 Vamos colocar todos estes nesta matriz e apertar Enter. Vamos experimentá-lo. Math dot men of Array, Air Array retornou e nos deu em um n, não um número. O que está acontecendo com isso? Bem, vamos dar uma olhada nisso. Vejamos os parâmetros deste método. Então, digamos que os homens matemáticos. Vamos entrar e ver a documentação. Então vamos olhar para a sintaxe aqui. Vê estes três pontos aqui na sintaxe? Os três pontos. Então com E S 2015 você pode usar estes três pontos para passar uma matriz ao máximo em homens. Ele é chamado de operador de propagação, e isso realmente faz com que os valores de matriz para ser expandido ou espalhado para os argumentos de funções . Então, experimente. Deixem-me dar-vos um exemplo. Vamos voltar para o console Js Aiken. Digite isso em vez disso. Math dot men e eu poderia colocar esses três pontos ponto, ponto ponto e então minha matriz e acertar Enter. Olha para aquele zero. O menor do array zero. Então eu estou usando aquele operador de propagação. Então veja este ponto matemático Max vai colocar três pontos na minha variável ou minha variável de matriz. O que ele acha que vai nos dar o máximo o que ele acha que vai nos dar como Max. Acho que 20 devem nos dar 20 de volta. Lá está ele. 20. Então use esse operador de propagação ao procurar o máximo nos homens em uma matriz e você vai fazer bem, então eu acho que foi bastante simples todos esses. Aqui temos a rodada. Então temos o chão no selo do teto. E então temos a máxima, o homem, a máxima. Os homens nos dão o mais baixo no mais alto em um grupo de números ou em uma matriz usando o operador de propagação. Espero que tenha sido legal para você. Agora vamos passar para os últimos quatro métodos que são um pouco mais difíceis, mas são super poderosos se você souber como usá-los. Então CNE, dia nove. 10. Dia 9 — forPEC: Olá, todo mundo. E bem-vindos ao nono dia. Muito bem, nestas últimas quatro lições, vamos aumentar um nível e olhar para quatro métodos muito poderosos. Hoje, vamos olhar para os quatro métodos de cada. Agora, embora seja semelhante ao Ford, cada método não é um substituto para o loop quatro. Há prós e contras para cada um, e o tempo vai ensinar-lhe quando usar um sobre o outro. Dito isso o para cada loop é divertido. É menos código, e é muito mais limpo. Vamos dar uma olhada nisso. Então, o que é o quatro cada método será o quatro Cada método executa a função fornecida uma vez para cada elemento de matriz. Então ele tem um loop através de uma matriz em executar uma função em cada elemento na matriz a função que nós fornecemos para ele. Então você pode dizer, o que isso significa? Bem, deixa-me mostrar-te. Vou mostrar-te pelo exemplo. Então vamos abrir o console Js e eu vou dar-lhe um resumo de quatro etapas de como usar o quatro cada método para que ele é criado variável. Vamos chamá-lo de números e ter um raio com, digamos, 543210 Então, portanto, passos aqui. Vamos dar uma olhada no primeiro passo. Então o que eu quero fazer aqui é que eu quero apenas loop através desta matriz e apenas saída o elemento que eu estou no array. Então ele deve produzir 543210 Isso é tudo que eu vou fazer. É um exemplo simples, mas ajuda você a aprender a sintaxe disso. Então, são quatro passos que eu vou dar a você. Então, passo um. Acabamos de chamar o método como temos feito. Então números há ponto variável para cada parênteses não acertar. Entrar ainda. Vamos construir isto. Então esse é o primeiro passo. Passo dois, precisamos inserir uma função de retorno de chamada. Então esta vai ser a função que estamos chamando em cada elemento. Então, dentro desses parênteses, vamos colocar parênteses de função, colchete aberto, colchete fechado, assim como qualquer função. E se você teve shift enter, você pode adicionar algumas linhas aqui sem executar o código. Então isso é como qualquer função. Então, função parênteses. Abra o colchete, feche o colchete dentro dos quatro cada parênteses. Então esse é o passo para a função de retorno de chamada. Terceiro passo, precisamos passar nosso elemento como aerador. E este pode ser qualquer nome que você goste. Às vezes eu só usar elemento em outras vezes eu tento usar a forma singular da variável neste caso vai fazer a escada e apenas usar o número. Então aqui precisamos passar. Este é um parâmetro. Este é o aerador deles. Então eu vou colocar em número e o que isso é que eu tenho uma variável números com um número de matriz aqui representa cada elemento como você loop through. Assim, o número representa cada elemento deste arranjo. Isto pode ser frango. Pode ser por isso que pode ser o que você quiser. Muitas pessoas, como eu disse, vamos colocar o singular da variável ou apenas usar o elemento palavra. Você pode usar o que quiser. Vou usar o número. Então esse é o passo três. Passamos em nosso aerador, e o 4º passo é fazer nossa função fazer algo. Então tudo o que vamos fazer aqui é apenas o ponto do console registrar o número. Então isso deve nos dar uma lista de cada número. Então ele vai olhar através do primeiro e dizer, cinco olhou através do segundo dizer para loop através do terceiro e dizer três. Então é isso. Entre e é exatamente o que ele faz. Então esse foi um exemplo simples. Mas você tem a sintaxe. Agora, deixa-me dar-te um desafio. Algo para tentar te acostumar, os quatro de cada método. Então, vamos limpar isso na variável Creator novamente. Então números variáveis são iguais. E certifique-se de digitar isso porque isso é para você. 543 210 Tudo bem, então temos uma variável números com uma matriz de números, e eu vou criar outro chamado novos números e deixar essa matriz igual e vazia. Agora, aqui está o meu desafio para ti. Aprendemos o método push há alguns dias, ou por muito tempo que você aprendeu que usamos sobre o método push, aprendemos sobre o método push. Eu quero que você use o quatro cada método para percorrer este array de números e para cada elemento, empurre-o para os novos números, Blanca chuva. Então você vai usar forte cada e para cada loop, você vai empurrar esse elemento para esta nova matriz de números. Experimente isso e eu o acompanho em um minuto. Se você não conseguir. Tudo bem, vamos resolver isso. Então vamos usar seu processo de quatro etapas novamente. Então, passo um, chame o método. Então os números morreram para cada passo um. Passo dois, digite sua função de retorno de chamada. Então aqui, eu vou colocar a função aberta. Bracket, feche o colchete. Passo três. Insira seu aerador, que vai representar seus elementos. E porque estou usando números de novo, vou colocar o número no singular deles e passo para fazer sua função, fazer algo. Então o que estamos fazendo é empurrar esse elemento para um novo arranjo, então poderíamos simplesmente colocar novos números ponto empurrar e então, como argumento, vamos colocar número. Então o que estamos fazendo é novos números ponto empurrar. Então estamos empurrando para a nova matriz de números o número. Então, à medida que olhamos através dele cada vez, esse número será empurrado para a nova matriz de números. Vamos bater, entrar e, em seguida, verificar ar nova matriz de números. E lá temos. Tudo bem. Então nós empurramos todos os nossos elementos em seu exemplo simples, mas eu acho que isso prova o ponto. Então esse é o exemplo usando uma função de retorno de chamada. Mas você também pode usar uma função pré-definida como Se você está trabalhando em um projeto e você tem uma função que faz algo aqui chamado isso, você pode apenas passar essa função como o argumento em vez de uma função de retorno de chamada, deixe-me mostrar-lhe um exemplo. Então digamos que você tem uma função que seu projeto chamado, Hum, alguma função que tem um parâmetro de X nesta função basicamente apenas multiplica por três . Então X é igual a X vezes três e, em seguida, queremos console que log o X cada vez. Então você tem uma função em algum lugar chamada alguma função que apenas pega um argumento e multiplica por três. Isso é tudo o que faz. É entrar? Se você tem uma função já pré-definida, Eu posso vir aqui e dizer números ponto para cada um. Então, para cada elemento desta matriz, executar esta função alguma função. Opa, olha para isso. Essa é a verdadeira limpeza. Então, chamar sua função em outro lugar é muito mais limpo do que uma função de retorno de chamada, mas há razões para usar funções de retorno de chamada para isso aqui. Ele vai chamar essa função para cada elemento dos números de Ray, e deve se multiplicar. Eu sou todo por três e depois ponto de console Registre-os para nós vermos. Então, se eu apertar “Retornar “lá está. Então cinco vezes três é 15 4 vezes três é 12 3 vezes três é nove trabalhou Grande. Ok, então usando uma função de retorno de chamada e usando uma função pré-definida, é assim que você vai usar principalmente o para cada loop. Se você tem tanto para baixo, você está pronto para ir. Você pode realmente cortar a palestra fora, mas eu quero dar-lhe um pouco de tópico avançado forno aqui porque existem dois parâmetros MAWR que você pode usar. Vamos dar uma olhada nisso bem rápido. Tudo bem? Então eu estou chamando isso de avançado para cada tópico. Então, como eu disse, você já aprendeu como usá-lo. A maior parte do tempo. No entanto, existem dois argumentos mawr. Então vamos olhar para trás para os 2 primeiros passos de, portanto, cada método. Então primeiro ligamos para os quatro cada. No final dele, números ponto para cada segundo que inserimos a função de retorno de chamada de ar. Agora, aqui estão os três parâmetros que você poderia usar. Então, primeiro há o parâmetro elemento. Nós já olhamos para isso. Este é o elemento de matriz atual em nosso exemplo acima era número. Lembre-se, nós usamos o número que é necessário porque você tem que ter um aerador. Você tem que representar seus elementos, então isso é necessário. Já usamos isso. Mas, em seguida, há outro chamado Índice, e tudo isso faz é dar-lhe o índice de matriz do elemento atual, e isso é opcional. Então há 1/3 1 que eu não sei por que alguém usaria. Se você tiver algum uso para isso, me avise. Eu não conseguia descobrir. Mas de qualquer forma, há. É o parâmetro array, e isso retorna o objeto original da matriz, se necessário. E isso também é opcional. Então vamos dar uma olhada nisso. Vou te dar um exemplo disso. Volte para a minha consola de Con Js, limpe isto e deixe-me mostrar-lhe. Então deixe-me criar minha matriz novamente. Então eu vou usar números novamente na mesma coisa. 543210 E vamos passar por um processo de quatro etapas. Então números ponto para cada entrar uma função de retorno de chamada. Muito bem, passo três. Vamos colocar todos os três parâmetros aqui desta vez, então eu vou dizer elemento em vez de número só porque eu vou colocar Element Index array e, em seguida, para a minha função. Só vou consolar esse tronco. Todos estes três registros de pontos do conselho e então eu vou dizer Element no meu índice de elementos, índice e matriz, e tudo que eu estou fazendo é apenas mostrar a vocês a saída destes. Tudo bem, então se eu tivesse voltado, eu deveria vê-lo através. Diz Elemento 5. É Índice zero. E aqui está o elemento da chuva quatro. É o Índice 1. Aqui está o elemento de chuva três e assim por diante. Então tudo o que o índice de bonecas faz é dar-lhe o índice todo array. Será que ele retorna o array? Não sei para que serve, mas é assim que se usa os outros dois. Então deixe-me dar-lhe um desafio baseado nisso, e nós vamos na lição de hoje, porque tem sido muito. Então eu vou dar a vocês uma variedade de frutas tão variáveis iguais e vá em frente e digite isso porque é o seu desafio. Maçã kiwi, par de banana, uvas, limão, laranja e limão. Certo, então digite isso para que você tenha uma variável chamada frutas com um monte de frutas e uma matriz. Aqui está o desafio para você usar o quatro cada método loop através deste e saída estes para saída. Então diz que Kiwi não é índice zero. E então diz que a maçã é um índice um e assim por diante. Então, para cada elemento que você quer dizer, elemento é um índice em branco. E assim você terá ah lista aqui de todos os elementos no índice em que eles estão. Tente passar por isso e imprima isso, e eu vou te mostrar como fazer aqui em um minuto. Tudo bem, então espero que você foi capaz de imprimir essa lista, deixe-me mostrar como eu faria isso usando o processo da Força Aérea. Então passo um ponto de frutas para cada Passo dois uma função de retorno de chamada. Passo três, vamos colocar parâmetros de ar. Neste caso, eu vou colocar elemento no índice porque não estamos usando a matriz e Passo quatro. Vou consolar informações do ar, então console esse elemento de log Plus é um índice mais. Tudo bem, então tudo o que eu estou fazendo é imprimir o elemento e então dizer não é índice e no valor do índice . Então, se eu apertar “Return “, lá vamos nós. Kiwis e índice zero maçãs e índice, uma banana e índice para Esperemos que você entendeu isso? Se não, não há problema. Eu acho que você entendeu o ponto. Fizemos muitos exemplos aqui. E o forte. Cada método é incrível. Acostume-se e pratique com ele. E vejo-te no dia 10. Onde estávamos vamos olhar para o método de filtro. 11. Dia 10 - filtro: Olá, todo mundo. E bem-vindos ao Dia 10. partir de agora, você aprendeu 26 métodos. Parabéns. Hoje vamos olhar para outro método poderoso chamado filtro. Qual é o método do filtro? Bem, o método de filtro cria uma nova matriz a partir dos elementos originais da matriz que passaram uma determinada condição deixando de fora os que falham. Simplificando, ele filtra através de uma matriz, escolhendo os que passam no teste, que é fornecido pela função de ar. Você pode ver o uso prático imediato deste aqui, certo? Assim, o método de filtro também leva os mesmos parâmetros que os quatro cada método. Então, isso é útil. Mas vamos começar nossa lição com o parâmetro mais comum, que é elemento. Então, em nossa última lição que usamos, eu acho que número. Então não importa o que você chama, mas vamos chamá-lo de elemento nesta lição. Mas a definição ainda é o mesmo elemento é o valor do elemento atual. Então nós já sabemos sobre isso. Deixe-me mostrar-lhe um exemplo de como isso funciona. Então vamos abrir o seu amigo Js console e vamos criar uma variável. Então aqui está uma variável chamada idade e vamos fazer uma matriz cheia de idades com 35 14 50 a 2111 80 18 e 17. Tudo bem agora, assim como fizemos com os quatro métodos de cada, vamos quebrar este, passo a passo. Então, primeiro vamos criar uma nova variável que irá verificar para que irá verificar esta matriz para idades de 18 anos ou mais. Então vamos criar uma variável chamada adulta. Então vamos criar um filtro que irá filtrar todas as idades menores de 18 anos e nos deixar com os adultos. Assim, como o 40 cada método, existem quatro etapas quatro dos mesmos passos com este método também. Então lembre-se, primeiro passo é apenas adicionar no método de ar. Então filtro de ponto idade Esse é o passo um não bateu em Lembre-se, vamos construir sobre este passo para lembrar é entrar na função de retorno de chamada de ar, Então, parênteses de função Abrir cinta encaracolado perto corrida Encaracolado Passo três nós passamos no elemento de matriz ar e este será o valor do elemento atual da matriz à medida que ele filtra através de cada um. Então esse foi o número deles na última lição aqui, vamos colocar elemento e isso representa cada elemento da matriz como nós loop através dele . Finalmente, vamos colocar o ar condicionado. Então o que queremos fazer é retornar todos os elementos que têm 18 anos ou mais. Só queremos os adultos. Então nós simplesmente colocar elemento de retorno maior que ou igual a 18. Então, lá temos. Então vamos filtrar todas essas idades que não são maiores ou iguais a 18 anos. Vamos devolver uma nova matriz com apenas os elementos adultos. Vamos acertar, entrar e verificar sua variável adulta. E lá vamos nós. 35 está na matriz. 14 foi retirado. Filtrado 52, há 21 aí? 11 é filtrado. 80 está lá, 18 está lá e 17 foi filtrado. Uma matriz de ar foi filtrada para as idades de 18 anos ou mais. Ótimo trabalho. Então aqui está outro exemplo, e eu quero que você faça este. E se quiséssemos ter todas as idades entre 18 e 60 para ver esta matriz aqui? Nós só queremos as idades entre e não incluindo, mas entre 18 e 60 anos. E aqui está a qualificação desta vez não use a função de retorno de chamada. Em vez disso, crie uma função separada e, em seguida, chame esse nome de função. Experimente isso. Filtrar o Saray esta matriz etária para idades entre 18 anos. E 60 e usar uma função separada. E eu vou te mostrar como fazer isso em apenas um minuto. Tudo bem, ótimo. Espero que tenha conseguido isso. Então vamos criar a função primeiro. Então vamos apenas dizer função, e eu vou chamar isso de verificar idade aqui. Eu vou colocar Element e, uh, apenas minha função normal lá, e eu quero retornar o elemento maior do que lembrar, nós não vamos fazer desigual porque nós não queremos 18 ou 60. Queremos coisas entre isso. Então, maior que 18 e menos de 60. Então, o elemento de retorno maior do que 18 e menos de 60. Tudo bem, deixe-me bater. Entrar. Oh, whoops. Foi mal meu. Esqueci de colocar o elemento lá duas vezes, então vamos fazer isso de novo. Minhas desculpas, elementos, e eu quero retornar elemento que é maior do que 18. E eu tenho que colocar elemento novamente. Elemento é menor que 60. Então o elemento que é maior que 18 e menor que 60 ele vai retornar. Então aqui, essa é apenas a minha função. Ele entra. Sua função é definida. Em segundo lugar, vamos filtrar através da matriz de ar com sua função como argumento. Então, digamos que a variável adulto P é igual ao filtro de ponto de idade. Então aqui está o método deles, e nós não temos que fazer a chamada de função de volta. Poderíamos passar a função que já criamos. Então isso é a idade de verificação. É tudo o que temos que fazer agora. Quando eu apertar Enter, eu deveria ser capaz de verificar adulto, e ele deve ter apenas idades entre 18 e 60 anos. Lá vamos nós. Então, temos 35. Não temos 14 porque está abaixo de 18. Temos 52 e temos 21. Não temos 11. Não temos 80. Isso é acima de 60. Não temos 18 porque não somos iguais a 18. Fizemos mais do que 18 e não temos 17. Porque, claro, isso é menos de 18 também. Então isso funcionou. Então filtramos estes para uma faixa etária específica. Ótimo trabalho. Mas é claro, como sempre, há Mawr e isso vem no caminho dos parâmetros, assim como vimos com os quatro cada um. Então deixe-me abrir isso. Assim como seu worm ou parâmetros para cada método quatro. O mesmo é verdadeiro para o método de filtro, e esses parâmetros são os mesmos. Então, já sabemos sobre o elemento que é necessário o parâmetro elemento. Mas há para Maurin que você está familiarizado com, hum, há índice, que é o índice de matriz do elemento atual opcional. E depois há a matriz. O objeto original da matriz opcional. Então vamos brincar com isso. Vamos voltar ao nosso Cônsul Js e experimentar isso. Então vamos dizer que queremos obter uma matriz de posições de índice para todos os elementos que são 18 e acima. Então queremos obter uma matriz de posições de índice para todos os elementos que são 18 o suficiente. Então, em vez de retornar todos os elementos que são 18 ou mais, vamos filtrar este array e retornar as posições de índice. Então deixe-me criar esta matriz novamente. Idade variável é igual a 35 14 50 a 2111 80 18 e 17. Tudo bem, então primeiro, vamos começar com a variável de ar um anúncio no método dela assim Então vamos dizer que o filtro de ponto de idade próximo após a função de retorno de chamada. Tudo bem. Terceiro, vamos passar parâmetro elemento de ar, e nosso parâmetro de índice é que vamos precisar do valor de cada elemento índice quarto, vamos adicionar na condição de ar no ponto console registrado o índice. Sim, você pode devolvê-lo. Mas para o bem do nosso tutorial foram apenas fazer login no console. Então, digamos que se o elemento whoops é maior do que 18, em seguida, console esse índice de log. Então, se o elemento é maior que 18 mostra o índice e eu não estou atribuindo isso a uma variável, eu estou apenas mostrando como os índices usados aqui. É por isso que estamos console que registrando isso Então isso deve nos dar o índice de todos os elementos que são maiores do que 18. Olhe para isso. 0 a 3 e cinco. Maravilhoso. Certo, então aqui está o desafio final para você. Experimente isto. Vamos criar uma variável chamada Dia do Mês e ter uma matriz com dias do mês. Então digamos que o terceiro, o 15º 22 o segundo, o oito, o 30º e o 23º tudo bem, retorne. Agora, eis o meu desafio para ti. Eu quero que você filtre através disso, retornando todos os dias do mês que vêm após o dia 15 e devolvê-lo neste formato. Então o primeiro 1 que é após o 15 de 20 segundos que eu quero neste formato 22 tem um índice de dois. E então você diria que do próximo que vem após o 15º seria como 30º tem um índice de cinco em uma lista de elemento tem um índice de índice, então você pode fazê-lo com a função callback. Ou você pode fazê-lo com uma função separada como você quiser. Mas veja se você pode filtrar todos os dias do mês para vir após o dia 15 e o ponto console Log ele para que ele diz Element tem um índice de índice. Experimente Agora trabalhe com você em apenas um minuto. Tudo bem? Então, espero que você tenha entendido isso. Isso foi muito parecido com alguns dos desafios do passado que fizemos. Eu acho que você provavelmente conseguiu, mas deixe-me mostrar-lhe mesmo assim. Então eu vou fazer isso com uma função separada. Vou dizer função chamada. Vamos chamá-lo de segunda metade com dois parâmetros elemento e índice, e eu vou dizer, hum, se elemento é maior que 15. Se o elemento é maior do que 15 console que o elemento log espera Element Plus tem um índice de Eu estou apenas contaminando aqui tem um índice de índice. E veja, eu coloquei esses espaços lá para tornar a sentença precisa. Vou fechar isso, e essa vai ser a minha função. Então eu poderia apenas retornar meu conjunto de funções a seguir. Eu só ligo para o meu filtro. Então, dia do mês. Então esse é o meu filtro de pontos de matriz, e eu vou filtrá-lo com base na minha função. Vou colocar o nome da minha função na segunda metade, vou voltar. Lá vamos nós. 22 como um índice de 2 30 tinha é como um índice de 5 23 como um índice de seis. Eu acho que você provavelmente entendeu isso. E eu espero que você entenda filtro. Muito melhor anunciado. Muito poderoso. Você pode pegar um array e filtrar certas coisas com base nos requisitos definidos . Ele o devolve a um novo reinado com elementos que você filtrou. Então, terminamos 10 dias amanhã. Vamos olhar para o método do mapa amado. Isso vai ser muito divertido. E eu vou te ver então 12. Dia 11 - mapa: Ei, pessoal, bem-vindos ao dia 11. Você pode estar se desgastando até agora, mas aguente firme. Assim que passar por hoje, ainda tem mais um dia. A lição de amanhã é de longe a mais legal. Como nota de lado, acabei de colocar uma lâmpada nova e as coisas estavam realmente precisando de Orange County, hein? Como nota de lado, acabei de colocar uma lâmpada nova e as coisas estavam realmente precisando de Orange County, Então vamos olhar para o método de hoje, que é o mapa. O método do mapa é tão legal, e você vai usá-lo um monte. Então hoje é o dia em que olhamos para esse método que, se você vir a entender bem, se tornará uma ferramenta poderosa em sua caixa de ferramentas JavaScript. Ele é chamado de método mapa. Agora, qual é o método do mapa? O método map cria uma nova matriz com o resultado de chamar uma função para cada elemento de matriz . Então ele cria uma nova matriz, e os resultados serão os resultados de chamar uma função para cada elemento de matriz. Agora, espere um minuto. Parece outro método que fizemos. Isso soa como o para cada método, certo? Bem, há uma diferença sutil, mas muito importante aqui. Os quatro cada método realmente não retorna nada, mas indefinido. O que ele faz é mutar cada elemento da matriz. E então é feito, descartando o valor de retorno. Um exemplo, talvez algo como iterar sobre um elemento de matriz e salvar os valores mutados em um banco de dados e pronto. E por mutação, quero dizer, qualquer função que você chama em cada elemento. Por outro lado, o método mapa analfabeta sobre uma matriz. Ele transforma cada elemento da matriz, e ele retorna uma nova matriz com os valores transformados. Este novo raio tem o mesmo tamanho e não descarta nenhum elemento como o método de filtro faz . Tudo bem, então a diferença entre os quatro cada e o mapa é que cada um não retorna nada . É só ir. Ele só volta na matriz e muda as coisas. E então está feito. O método mapa loops sobre uma matriz em mutações coisas em uma nova matriz com os valores transformados . Então eu vou discutir isso, uh, uh, repassar isso de novo. Se isso passou por cima da sua cabeça, vamos dar um exemplo primeiro do que o método do mapa faz. Então vamos abrir Js Cônsul, e vamos criar uma matriz. Então, que tal números de variáveis iguais a Vamos fazer isso. 012345 E eu coloquei qualquer cinta encaracolada. Certo, então, números, temos uma variável chamada números com uma matriz de seis números aqui. Zero a cinco acerto. Entrar. Agora, que parâmetros você acha que o método do mapa usa? Pegue um rápido convidados. Bem, você tem os mesmos três. Quanto a cada filtro e, que é índice de elemento na matriz. Lembre-se, o elemento é o elemento atual que está sendo processado na matriz. O índice é o índice de matriz do elemento atual na matriz. Claro, é o objeto matriz original. Então vamos tentar algo fácil. Como multiplicar cada elemento por dois. Tudo bem, então vamos fazer isso. Então vamos fazer o método dos quatro passos. Você deve estar acostumado com este método de quatro etapas agora. Então o primeiro 1 é apenas adicionar o método no final de sua variável. Então números ponto mapa Passo dois está colocando a função de retorno de chamada de ar neste parênteses, então a função aberta. Curly cinta, perto, raça encaracolada e terceiro, lembre-se, passamos no elemento de matriz de ar como de costume. Pode ser qualquer nome que goste. Muitas vezes você verá as pessoas usarem como elemento que usamos. Usamos números. Algumas pessoas usam dormente. Eu vou dizer Element, vamos usar o elemento desta vez e depois. Então lembre-se que este parâmetro elemento vai representar os elementos desta matriz como nós loop sobre cada um. E, finalmente, vamos adicionar nossa condição e lembrar que isso retorna um novo array, então certifique-se de retornar sua condição. Então, vamos dizer Return elemento vezes dois e que deve ser isso. Vamos bater, voltar e ver o que acontece. Boom. Temos uma nova matriz aqui. Tudo bem, esta é uma nova matriz. Isto não são números. Posso dizer números, e ainda temos a mesma coisa. Este é um novo radiante retornado, e tudo é multiplicado por dois. Então zero tempo 001 vezes dois é 22 vezes dois é 43 vezes a uma garrafa de seis. Então nós iteramos sobre este array e mutamos esses elementos em um novo array. Ótimo trabalho. Algumas coisas a observar novamente para se certificar de que você entenda, mapa número um variável ar retornou uma nova matriz. Assim, o uso do retorno. Se fôssemos salvar seu método em uma nova variável esta variável seria uma matriz completamente nova com suas quantidades duplicadas. Acho que isso faz sentido. Segundo, os quatro. Cada método, por outro lado, não pode ser retornado. É por isso que tivemos que consolar pontos respostas mais longas, porque uma vez que o ar dos elementos da matriz sofreu mutação, está feito. Você pode ver imediatamente onde o uso do mapa seria uma ferramenta muito melhor se você tivesse que fazer qualquer tipo de depuração na estrada. Então aqui vai um desafio para você. Eu vou criar uma nova matriz de números variáveis, e eu vou colocar alguns números aqui. Então nove, 16 25 400 digamos 900. Aqui está o que eu quero que você faça. Quero que use o método do mapa. E em vez de criar uma função de retorno de chamada, passe o método de objeto raiz quadrada matemático como o parâmetro dust, obtendo a raiz quadrada de cada elemento e criado em um novo raio chamado matriz raiz quadrada. Então, se você não está familiarizado com matemática raiz quadrada, você pode dizer, hum 25 e isso deve obter a raiz quadrada de 25 que é cinco. Então, em vez de fazer uma função de retorno de chamada, eu quero que você coloque esta raiz quadrada matemática em seu parâmetro, então ele vai mapear através desta matriz, e ele vai obter a raiz quadrada de cada elemento. Então tente isso e salve-o em uma variável chamada matriz raiz quadrada. Dê uma chance e eu resolvo isso com você em um minuto. Tudo bem, vamos passar por isso juntos. Espero que você tenha, mas é bem simples. Se você não entendeu, você vai bater em si mesmo depois de ver que isso é muito fácil. Certo, então os números estão lá. Variável ponto mate. Vamos começar com isso. E então eu disse a você em vez de fazer a função de retorno de chamada, basta digitar em matemática raiz quadrada e queremos salvá-lo em uma variável chamada Where Root Array e devemos pressionar Enter. Então isso é tudo o que é para um mapa de números, e para cada elemento, vamos obter a raiz quadrada. Então deixe-me bater, entrar e ficamos indefinidos. Por que ficamos indefinidos? Bem, isso é porque nós armazenamos em uma variável, então vamos ver o que a variável dá matriz raiz quadrada entrar e eu tenho uma nova matriz com as raízes quadradas, Então raiz quadrada de nove é três raiz quadrada de 16 é quatro e sobre e sobre. Então, se eu digitar números, Eu vejo que a matriz não mudou que ele criou um novo arranjo e que é armazenado em quadrado rotativo. Tudo bem, acho que você está entendendo. Então vamos tentar 1/3 exemplo, e neste caso, vamos obter o parâmetro index envolvido. Tudo bem, então vamos fazer algo simples que é criado variável. Vamos criar uma coleção de pessoas assim que eu vou colocar alguns colchetes aqui, abrir isso e vamos adicionar três pessoas. Então eu vou dizer, um, primeiro nome, devo dizer, uh, Jimmy sobrenome Brown. Feche isso, coloque uma vírgula Wops, vírgula. E vou copiar e colar para mais pessoas. Pace Based para a segunda pessoa, vou chamá-la de Cindy. Primeiro nome e Malcolm. Sobrenome. Primeiro nome da terceira pessoa. Vou dizer Timothy, primeiro nome e último nome de tocos em troca. Tenho aqui uma colecção de pessoas com o apelido do primeiro nome. Então, o que vamos fazer é que vamos Matt usar o dedo do mapa através dessas pessoas em apenas listar o primeiro sobrenome. Então, se tivéssemos uma tonelada de pessoas e só quiséssemos obter o primeiro e último nome de cada uma , poderíamos usar mapa e loop através disso. É o que vamos fazer. Vamos criar nossa função para isso separado. Então vamos fazer a função em Vamos passar no ar, elemento atual e o índice, tudo bem, e vamos chamar esta lista de funções nomes para elemento e índice como seus parâmetros dentro dele. Eu vou criar uma variável chamada nomes completos em que é igual elemento ponto primeiro nome porque esses objetos e eu quero o nome, eu quero o valor e elemento ponto sobrenome e, em seguida, vamos simplesmente retornar nomes completos . Venha aqui com isso para que eu tenha minha função definida. Então, como executamos o mapa? É muito fácil. Seu primeiro passo é sempre o mapa de pontos variáveis, e eles iam passar na função. A função de nomes de lista atingiu, retornar tudo bem, e nós temos outro. Temos uma série de aumento. Então, se abrirmos isso, você vê que temos três arrays porque fizemos isso aqui. E assim abrimos o 1º 1 Temos Jimmy Brown, abrimos o 2º 1 temos Cindy Malcolm porque colocamos a vírgula. Ele criou dois índices diferentes. Então este não é um bom exemplo. Então vamos vesti-lo um pouco, e eu vou dar este desafio para você. Então pegue isso e veja se você pode juntar dica, Veja se você pode juntá-los em uma linha em um novo array chamado nomes com a posição de índice listada antes dele. Então, vai ficar assim. Isto é o que eu quero que você faça. Então eu quero que você tenha um array com isso dentro. Zero Jimmy round. Isso estaria no índice zero. E então eu quero que você coloque, hum, um. O que é um? E isso vai dizer Cindy Malcolm e para Timothy Stumps. Tudo bem, então este é um array, então eu quero que você use o mapa e o método de junção, veja se você pode juntá-los em uma linha. Estes esta matriz de um raise, ver se você pode juntá-los em uma linha em uma nova matriz chamada nomes, com a posição de índice listada antes dele. Então ele vai dizer em um raio zero na posição zero, nós temos zero, que é a posição do índice. Cólon, o nome da pessoa vírgula no primeiro índice. Temos um assim por diante. Veja se consegue fazer isso. Espero que isso faça sentido. Vê se consegues fazer isso. E se não, eu vou te explicar em um minuto. Muito bem, então deixa-me guiar-te durante esta corrida. Este ano, eu vou definir a função separadamente novamente porque eu meio que gosto de fazer isso. Então, funciona. Vamos chamar essa lista de nomes como fizemos antes deste elemento passageiro e seu índice. Vamos precisar dos dois abertos e fechados. As chaves de marca criam uma variável chamada nomes completos e iguais. E vamos apenas começar com o que tivemos última vez elemento que primeiro nome vírgula elemento ponto sobrenome. Então vamos começar com isso. E então, é claro, retornar nomes completos. Tudo bem, mas queremos juntar-nos a eles em uma linha. Tudo bem. Não queremos como antes. Queremos juntá-los em uma linha, então vamos adicionar no ar, juntar método. Lembre-se de como fazer isso. Nós apenas ir para o final deste e colocar ponto juntar-se e ele tem o argumento de separador de ar. O que vai ser um separador para ir para o espaço? Então adicionamos o método de junção dela. Agora vamos adicionar o valor do índice dela muito bem à frente aqui. Então, bem aqui, eu só vou colocar o índice e depois mais, nós temos que colocar o nosso pequeno Colin lá. Então vamos inventar inato lá, Colon e assim. Então vamos ver o que acontece. Vamos pegar essa função e retorná-la. Tudo bem, então nossas funções definir e, finalmente, ar Matt Method com sua função é o argumento em atribuído a nossa nova variável. Então as pessoas ponto mapa, temos que atribuí-lo a uma variável chamada nomes, é claro. Então as pessoas ponto mapa e, em seguida, argumento ar é os nomes da lista de funções. Veja o que acontece. Nomes de boom. Agora olha para isto. Eu não tenho array com três itens nele. Há na posição de índice 10 quero dizer, posição de índice zero Jimmy Brown uma Cindy Malcolm para Timothy Stumps. Então nos juntamos a eles. Ótimo trabalho. Se você não acertou, isso é meio complicado, mas acho que você entende o método do mapa. Agora, deixe-me dizer mais uma vez. Ouça com muita atenção. Se você não se lembrar de todos os exemplos de menos e apenas certifique-se de lembrar isso a diferença entre o mapa nos quatro cada. Lembre-se, eles são muito parecidos. Eles meio que fazem as mesmas coisas. A diferença é que o mapa realmente retornou algo uma nova matriz enquanto os quatro cada método retorna. Nada indefinido. Esta é a chave. Uma vez que você tem isso, basta lembrar que o mapa que uma taxa sobre uma matriz, chamando uma função para cada elemento em retornar os elementos transformados em uma nova matriz do mesmo tamanho. Então esse é o método do mapa. É maravilhoso saber. Fique aqui, continue praticando. E verei vocês em nossa última lição, Lição 12, que é a minha favorita e levei muito tempo para me acostumar. Vamos ver isso na próxima lição. E depois que terminarmos, tenho uma folha de truques para te dar. 13. Dia 12 — redução: Ei, todo mundo. E bem-vindo ao 12º dia. Aqui está você. Parabéns por ter chegado até aqui. E o meu presente para vocês é este método incrível aqui no 12º dia. Este é um dos melhores. Se você aprender isso e colocá-lo em sua caixa de ferramentas, ele será tão útil para você em seu código e carreira. Então, o método para hoje é chamado de reduzir. Nós também vamos olhar para reduzir, certo, certo, mas isso só vai levar um segundo quando você entender, reduzir. Então aqui está a última lição. Depois de hoje você vai conhecer 30 métodos javascript e você receberá minha folha de truques de alta qualidade com todos esses métodos para desligar por seu espaço de trabalho para referência. Mas primeiro, vamos trabalhar com esse método. É uma boa. Então é chamado de reduzir. Qual é o método de redução? É este O método reduzido executa uma função para cada valor da matriz. Soa familiar. Mas veja isso da esquerda para a direita e reduz a matriz em um único valor. Essa é a diferença. Então ele iterando sobre esta matriz, e ele leva cada elemento de matriz e reduzi-la a um único valor. Para entender isso, vamos percorrer o formato passo a passo aqui. Então, primeiro. Então vamos olhar para este passo a passo. Então, primeiro, vamos construir a função e discutir o que ela faz. Digamos que temos uma matriz chamada exemplo Array. Vamos anexar nosso método a ele. Então este é o seu método de quatro passos. Lembra-se? Então, passo um exemplo de matriz ponto reduzir. Isso é o que faríamos. Passo dois. Nós entraríamos uma função de retorno de chamada para que colocasse nossa função dentro dos parênteses reduzidos . Isso é muito familiar para você. Agora verifique isso. Aqui é onde nós diferimos aqui. Em terceiro lugar, vamos falar sobre parâmetros, pois é isso que atrai todos. A função de retorno de chamada tem quatro parâmetros. Quatro. Número um, o acumulador. É sobre isso que precisamos conversar. O acumulador acumula todos os retornos de chamada valores retornados. Isso é necessário. Este é o valor que vai mudar. À medida que iteramos através da matriz, você entenderá isso mais em um minuto. Em segundo lugar, o elemento. Você sabe qual é o elemento. Esse é o valor do elemento atual que também é necessário e, em seguida, terceiro índice. Você sabe disso. Esse é o índice do elemento atual opcional e, finalmente, o array. O objeto de taxa original. boa notícia é que, você sabe 23 e quatro já lá o filtro Samos e para cada um e mapa. Mas precisamos falar sobre o acumulador. Mas o que é esse acumulador? O que é isto? Bem, pense sobre isso. Se estamos chamando uma função em cada elemento e esses elementos serão reduzidos em um único valor, não precisa haver um valor especificado onde a acumulação acontece. Ah, valor que totaliza as mudanças em um único valor. Este é o acumulador. Muitas vezes você vai ver isso chamado Total ou um C C. Eu vou dizer agir, Vamos usar AK e são exemplos para o acumulador. Então vamos contabilizá-lo até a fórmula final, e é um exemplo de raio redução de ponto dentro de reduzida. Temos uma função de retorno de chamada, e como seus parâmetros, temos AC para o índice do elemento acumulador, uma matriz. Então, tempo de exemplo. Isso é o suficiente disso. Vejamos alguns exemplos assim por diante para Air Js Council. Então vamos olhar para um exemplo fácil. Vamos criar uma variável chamada números e ter uma matriz que tem apenas alguns números nele. 0123456 Devolva isso, e vamos fazer o ar quatro passos. Já devias estar habituado a isto. Então nós temos números ponto ponto reduzir. Então, qualquer variável é a matriz de ar é com o método adicionado no final, que é o primeiro passo. O segundo passo está em uma função de retorno de chamada, então vamos colocar nossa função lá. Passo três adicionar parâmetros de ar agora para este terceiro passo entrará acumulador de ar porque é necessário e nosso elemento atual porque é necessário como argumentos. Então aqui vamos colocar ato para acumulador e elemento. O acumulador está aqui. O elemento vai ser esses elementos da chuva finalmente, e o que vamos fazer é pegar o acumulador e adicionar o elemento a ele toda vez. Então aqui podemos colocar retorno ac plus elemento e ver o que temos. 21. Então aqui está o que está sendo feito detalhado nesse exemplo, isso é o que está acontecendo. Então, o acumulador zero. Se isso não estiver definido, será sempre o primeiro elemento da matriz. De modo que o acumulador de ar zero elemento zero é zero. Então, quando adicionamos esses juntos, temos zero. Essa é a primeira chamada. Agora vamos para a segunda chamada. O acumulador ainda é zero e temos um elemento de um. Então um mais zero será um que é o acumulador deles. Agora, a terceira chamada que temos um, é que o elemento de ar acumulador é muito então dois mais um é três que vai retornar um três que é agora acumulador de ar. Então, onde o acumulador na quarta chamada começa com três Elemento é três, três mais três será seis. Isso vai ser um valor de retorno. Esse é o novo acumulador de ar. Vês o que está a acontecer? Cada valor de retorno nesses loops vai somar no acumulador. Esse é o ponto do acumulador. Finalmente, Então você pode Paul e você pode olhar através disso. Isso mostra todas as sete chamadas aqui e como chegamos ao valor de 21. Tudo bem, agora espere um minuto. Isso não foi o suficiente. Há mais um parâmetro e isso é chamado de valor inicial. Então, para totalizá-lo até tally it up, temos este exemplo de matriz dot reduce, Temos uma função de retorno de chamada e temos parâmetros de ar AC Element Index, uma matriz e, em seguida, após essa função, nós tem uma vírgula no valor inicial. Qual é esse valor inicial? Bem, resumindo, o valor inicial é o valor pelo qual o acumulador começará. Se não houver nenhum valor inicial fornecido, o acumulador começa como o primeiro valor do valor do primeiro elemento da matriz. Eu já mencionei isso. Então, se você não fornecer isso, é opcional. Se você não o tiver fornecido, o valor do acumulador começará como o primeiro valor da matriz. Se houver um valor inicial, este será o valor inicial do acumulador desde o início. Então vamos tentar um exemplo usando o valor inicial. E aqui está a função de redução com o valor inicial de oito. Então aqui está um exemplo bem aqui para números ponto reduzir a etapa um passo dois função de retorno de chamada. Passo três, vamos passar alguns parâmetros aqui. Vamos colocar AC um elemento porque eles são necessários. E vamos fazer a mesma coisa que fizemos há um minuto. Vamos fazer o retorno AC plus elemento, mas desta vez vamos colocar uma vírgula um valor inicial de oito. Então nós somos o acumulador vai começar em oito. Então vamos bater. Entre e veja o que acontece. 29. Então estes são os mesmos loops no gráfico que eu mostrei a vocês antes. Mas em vez de iniciar o acumulador no zero, começamos no oito. Então, se você abrir o gráfico novamente e riscar o zero e colocar oito lá e trabalhar seu caminho através dele, você vai acabar com 29. Então, basicamente, isso só nos coloca oito à frente, porque tudo o que estamos fazendo é somar os valores. Então, de qualquer maneira, é assim que você dá ao acumulador um valor inicial um valor inicial. Certo, então vamos ver um exemplo final para garantir que entendemos o básico da redução. Vamos dar uma olhada em alguns dados. Então eu vou, uh, inserir uma coleção aqui. Vamos fazer população variável é igual a alguns colchetes aqui. Vou colocar alguns dados. Então vamos fazer isso e dizer estado, Califórnia, fazer que uma capital C estado Califórnia vírgula pop as arquibancadas da população 397 8 0000 Karma bem aqui vai ser comum ao que eu vou fazer é copiar e colar este ritmo tão este ano e colar que lá e deixe-me fazer mais um ritmo que lá. Vamos fazer algumas populações aqui. Então eu moro na Virgínia. A população de 841 2000. O próximo estado que vamos dar é a população da Flórida de 206100 Há lá. O estado final é aleatoriamente principal com uma população de 1331000. E eu gostaria de formatar isso melhor. Isso é uma coisa sobre Js, Cônsul, você não pode colocar isso em um formato bonito. Então o que vamos fazer é usar o método de redução para obter a população total desses quatro estados. Então, se alguém disse “Ei, eu tenho esses quatro estados, por que você não me dá a população total deles? Você pode dizer, Ei, eu posso usar o método de redução porque eu posso percorrer estes e reduzi-lo a um único valor. Então, que tal dar uma chance? Vou deixar-te cego aqui e experimentar. Dê o seu melhor. Comece com o meu método de quatro passos, então a população ponto Reduzir e ir a partir daí. Tente ver se você obtém o valor total. Tudo bem, eu não te disse isso, mas há um grande truque aqui. Você realmente tinha que pegar aquele. Conseguiu a resposta agora? Basta ler a página mais suave. 1331000206100008412000 Você entendeu isso? Se você fez, então isso é errado. E eu vou te dizer por que eu tenho isso também. Achei que estava certo. Mas é errado e isso é uma grande coisa. É sempre bom estar errado porque você aprende com seus erros. Veja, se você não definiu um valor inicial do que você realmente começou com a população da Califórnia então seu acumulador começou com 39780000 Então você não começou do zero. Você começou tudo que ele começou com este acumulador para que os acumuladores agora vão se adicionar aqui neste e isso e você vai chegar a um número maior. Então você precisa iniciar o valor inicial de zero. Isso é muito importante. O acumulador, os valores iniciais de coisa muito importante ao usar este método. Então tente novamente com zero como o valor inicial e então eu vou trabalhar com você. Tudo bem? Espero que você tenha outro número além disso, e veremos o que é isso em um minuto. Então, eis o que vamos fazer. Vou apertar o botão “Return ” também. Guarde isso. Então, é simples. É este olhar, População Passo um é população reduzida. Foi assim que começamos, depois passo para funcionar. Função de retorno de chamada. Passo três. O que vamos colocar aqui como parâmetros? Vamos colocar AC um elemento porque eles são necessários. E então o que estamos devolvendo? Devolver elemento dot pop. Então, os elementos de ar que temos que fazer elemento dot pop mais um CC e ver se começamos com este número, a primeira coisa vai fazer é adicionar este número a si mesmo porque começa com o 1º 1 que é a Califórnia. Então, é claro, temos que definir o valor padrão. Portanto, vírgula Zero ou não padrão o valor inicial. Então, isso é tudo que você tem que fazer é digitar isso, e se você apertar o retorno, você deve obter 70133000 Tudo bem, isso é 70 milhões. 133.000 pessoas. Tão grande trabalho em enfrentar e inicialmente difícil, mas extremamente poderoso método. Uma última coisa antes de te deixar ir. Agora que você sabe, a redução significava que você pode facilmente adicionar ao seu arsenal reduzir direito, o que é reduzido, certo? Bem reduzido direito é exatamente o mesmo que reduzido, mas reduz os elementos da matriz da direita para a esquerda em vez da esquerda para a direita. Haverá momentos em que você pode precisar disso. Eu realmente não sei por que no momento, mas reduza direito. Apenas começa a partir da direita em reduz as coisas para a esquerda. Isso é tudo o que faz. Tão reduzida é incrível. Você deve realmente mexer com este e realmente se acostumar com o poder do método de redução . Ótimo trabalho. Você passou por 30 métodos em 12 dias pendurados lá. E na próxima lição, vou te dar o link para isso, Cici. 14. Parabéns! Aqui está sua folha!: Ei, pessoal. E parabéns por terminar estes 12 dias. Você aprendeu 30 métodos javascript. Agora, para a melhor parte, se você parar agora, você vai embora algumas semanas, você vai esquecer muitas dessas coisas. Então o que eu fiz foi criar uma folha de truques de alta qualidade baseada em como você aprende este material. Então, se você vê na tela aqui, eu tenho uma folha de truques para você. Quero que imprima. Quero que pendure junto à sua mesa. Laminado. Tudo o que você precisa fazer, é um recurso inestimável. Eu uso isso diariamente. Ok, então aqui está o que eu fiz. Tomei todos os métodos. Então todos os métodos que aprendemos, eu os coloquei em uma coluna. Eu tenho uma segunda coluna, e isso é para o tipo de métodos. Então temos uma matriz de quatro que temos s para cordas e fim para números. Tudo bem. A seguir, tenho os parâmetros. Agora veja isso. Estes ar os parâmetros para cada método e aqui em cima, certo. Você verá que o que está no cinza é opcional. O que está no preto é necessário Então, quando você vir aqui, você vai ver que eu tenho todos os parâmetros reservados para você com a informação se eles são necessários ou opcionais, dependendo de qual cor eles são. Finalmente, tenho uma coluna com a definição. Então, aqui mesmo. Se você imprimir isso, isso lhe dará o método, o tipo de método, o Met, os parâmetros e a definição do método. Eu acho que isso é ótimo. São 30 métodos JavaScript aqui. E aqui está como você obtê-lo. Parabéns por terminar o curso. Aqui está como você obtê-lo. Você vai ao meu site www dot Travis dot media. Sim, eu tenho cabelo. Agora eu não tenho nenhum lá. Uh, e você apenas digita os métodos Slash Js bem aqui. O topo que você vai ver? Parabéns. Aqui está sua folha de truques. Então você tem uma folha de fraude de alta qualidade, PNG, que você pode baixar a imagem ou a folha de fraude de alta qualidade. Pdf, baixe isso aqui. Então, basta clicar nisso e a folha de truques é sua. E mais uma vez, parabéns. Obrigado por fazer o meu curso e tirar um tempo para tirar 12 dias do seu ano para aprender tantos métodos. Boa sorte em sua jornada javascript e você está programando jornada. Desejo-lhe o melhor