2 Métodos de Arrays - mod 05

[Música] fala Mestres beleza no vídeo de hoje nós vamos falar aqui sobre os métodos dos arris que seriam formas ou funções que nós temos para facilitar na manutenção ali na e como que a gente pode estar gerenciando um arrei tá então tem vários métodos diversas funções aí que vão nos ajudar quando eu falo método né tô me referindo a uma função que ela é específica de um arrei tá então o no exemplo que nós temos aqui né no nosso arrei de frutas se eu digito né frutas ponto nós temos aqui né conquete copy with in

entries every f e eles TM o o ícone deles né é esse cubo tá e alguns ó tem um um bloco um é um cubo um retângulo né retângulo não um um eh tem tem essa diferença que tá parecendo mais um um tá eu não vou tentar explicar isso porque eu só vou me atrapalhar mas LF isso aqui seria uma propriedade desse desse de frutas né do arrei de frutas a gente não falou ainda sobre a gente falou de propriedade em funções aqui a gente pode pensar que é a mesma coisa tá mas na na

realidade não é e a gente vai entender o que que é isso quando a gente tiver falando de classes ou de objetos a gente vai conseguir entender isso melhor mas o fato é que nos arris nós temos atrelado a eles objetos objetos não métodos né que são funções então quando eu falo método a gente pode relacionar com função então a o arrei frutas tem a função concat copf entes enfim todas essas funções a gente vai ver algumas dessas que são as mais usadas e e o por que a gente usa tanto isso né A gente

vai ver realmente a eficiência desses métodos e o primeiro que eu quero ver que eu quero mostrar é o p tá então essa esse método P né a gente vê que ele é uma função porque a gente executa ele com os parênteses né E aí essa função P que está atrelada ao arrei né ao arrei frutas eu consigo enviar parâmetros para ele e esses parâmetros que eu vou enviar serão adicionados ao final do Array então é uma forma né o p traduzindo que seria empurrar a gente vai est adicionando né empurrando esses itens para dentro

do arrei né pro final do arrei então se eu adicionar aqui laranja ó a string laranja e aqui embaixo eu fizer um console log frutas se a gente executar aqui esse arquivo nós temos lá ó maçã banana morango limão e laranja que foi adicionado ao final tá então o p ele serve para eu vou deixar Unos comentários aqui ó adicionando o item ao final do Arreio certo eu vou deixar o consol l comentado pra gente já ir pro próximo método que o próximo método ele vai remover esse o último item né ali do do arrei

então aqui seria removendo removendo item do final do Arreio que aqui seria né o frutas P pop né seria esse para remover o último item do nosso arrei então se eu chamar aqui frutas ppop e logo após fazer o consol log de frutas né do nosso arrei a gente vai ver que a Na verdade eu vou deixar o consolle log anterior a gente vai ver o seguinte o primeiro consol log o nosso arrei existe laranja né que foi o que eu adicionei aqui com o push e logo após quando eu chamei o pop eu removi

esse cara que eu acabei de adicionar então eu posso adicionar executar o pop duas vezes aqui ó pra gente ver que removeu laranja e limão então ele remove o último item eh do nosso arrei Tá eu vou vou deixar comentado aqui eu vou deixar comentado os console logs certo os próximos métodos eles são também para adicionar e para remover só que do não é no final do Array É no início do arrei que são os métodos aqui eu vou deixar o comentário né adicionando adicionando o item ao do ar ou é no é no né

no final e no início vamos lá para adicionar no início nós temos aqui frutas pon unshift e aqui eu passo valor né que eu quero adicionar no início ali do ar então que seria ou adicionar pode ser a mesmo laranja e logo após console log frutas executando isso aqui ó lá ó laranja maçã banana moranga e limão então ele adicionou o laranja no início do nosso arreio tá E do mesmo jeito que a gente consegue adicionar a gente também consegue remover esse item né então aqui ó removendo item do início o arrei que seria né

o frutas P shift e executando esse método se eu dou um console log console pon Log em frutas a gente pode ver que no primeiro console log né eu tenho laranja que foi aqui quando eu rodei o One shift que adicionou no início e depois eu rodei o shift de novo e remove essa laranja e a gente pode fazer o mesmo Exemplo né chamar o shift duas vezes e a gente vai ver que laranja e maçã Foi removido tá Por Conta aí do método shift Tá certo então esses quatro aí a gente usa para manipular

eh para manipular o início e o final do Array é muito é muito mais prático do que usar os outros métodos que nós iremos ver aqui depois depois de a gente vai ver outros métodos aí que eles dão mais flexibilidade mas e tem uma notação um pouco diferente tá então com esses visto né visto esses dois métodos que adiciona no final e adiciona e remove do final e do início nós temos aqui também um método que ele é interessante que é pra gente descobrir o índice de algum elemento então no caso aqui eu tenho a

lista com esses com essas Strings né maçã banana moranga e limão se eu quero descobrir Em qual posição está a o morango a gente pode usar esse método que seria o seguinte ó eu vou criar a variável índice que vai ser armazenado né O Retorno desse método e o método também tá dentro do arrei né que está dentro de o arrei frutas ele possui esse essa função que descobre qual que é o índice do elemento que eu tô buscando que é o index off Então esse index off vai retornar o índice ali desse elemento de

busca né então eu vou buscar aqui ó por morango e logo após cons do índice vou comentar aqui o cons de frutas e quando a gente executar eu tenho aqui ó o índice do então no índice do Eu tenho um elemento que é essa string morango eu posso fazer por limão e qualquer elemento que nós tivermos aí dentro do arrei Tá e isso aqui também o index off nós podemos ver tem tem outro método eu vou mostrar ele aqui para vocês também que é o includes Né frutas includes que esse aqui ele vai retornar ele

é parecido com o index off só que o index off ele vai retornar o índice do elemento né Tá na posição tal o includes ele vai verificar se existe ou não ele não ele ignora a posição Então se existe o a string limão dentro de frutas ele vai retornar true então que eu posso criar a variável ó existes ou existe né que vai ser o frutas pon includes morango e a gente fazer aqui ó console P log de existe e vai ser o boleano né true ou falso então Ó lá retornou true Então existe um

item e chamado morango desse meu arrei se eu digitar errado morango a e a gente executar retornou falso porque não existe essa fruta né Essa string esse item dentro do meu arrei e da mesma forma no index off se não existir o item ele vai retornar -1 que é o que indica que não existe o o que a gente tá buscando lá dentro daquele arrei Tá certo então esses dois métodos aqui é para buscar buscando por elementos dentro de uma Rei e depois disso a gente pode ver aqui o método Splice tá Splice esse método

ele ele é um método que a tradução seria emendar né fazer uma emenda no arrei que ele vai permitir a gente adicionar itens em posições específicas do arrei remover itens e também substituir então a gente consegue fazer a manipulação em qualquer posição né então é meio que uma junção de algumas coisas que a gente já viu aí como fazer manualmente só que tudo em um método só e a gente vai explorar isso aqui agora então vamos fazer vamos usar o Splice para deletar Um item né então aqui ó e usando eu vou tirar esse comentário

aqui fazer assim ó spli para deletar Um item então aqui nós teremos né frutas P Splice E aí o Splice ele ele espera alguns parâmetros né como a gente pode ver aqui esse primeiro parâmetro argumento a confusão esse esse primeiro argumento e vai indicar a posição inicial que eu quero começar a fazer minha operação então eu quero trocar o item de índice um coloco aqui um que vai ser banana na verdade não é que eu quero trocar eu quero fazer alguma coisa nesse índice que coisa é se eu quero deletar o segundo parâmetro aqui do

Splice é o delete count ou seja quantos itens eu quero deletar a partir do índice 1 se eu passar aqui o número um também ou seja eu vou pegar no índice um e apagar Um item Ou seja eu vou apagar a o eu vou apagar a banana então o que que eu posso fazer a gente pode rodar esse spli aqui e fazer o cons de frutas e aí a gente vem depois expando mais esse esse esse métro tá vamos vamos executar isso aqui ó e olha lá maçã morango e limão maçã morango e limão ou

seja o item de índice um foi apagado porque eu passei o delete count um tá e o método Splice ele retorna né a resposta desse método é o item que foi ou os itens que foram deletados então aqui se eu pegar o a resposta vou criar aqui a variável resposta e fazer o consol log de resposta também executando isso aqui nós temos lá ó maçã morango limão e a resposta é o item banana que foi apagado Então se no delete count por exemplo eu passar o número do Ou seja eu vou apagar dois itens que

vai ser banana e morango né se eu executo olha lá ó o primeiro cons soló que seria frutas né que é o arreio original só tem maçã e limão maçã e limão banana e morango foi apagado do item do arrei Inicial né de frutas e ele retorna a resposta é um novo arrei então isso é interessante ele sempre vai criar um novo arrei pegar os itens que foram apagados adicionar nesse novo arrei e responder pra gente tá então o Splice aí para usando para deletar n os itens aí do ar a gente pode fazer isso

usando spli e a vantagem né a vantagem dele comparado com o que nós vimos na na aula anterior que seria para remover o valor né a gente ficava lá com item undefined com spli não ele vai realmente remover Um item vai remover o item do nosso do nosso ar então eu na verdade V fazer o seguinte eu vou copiar isso aqui e comentar deixar comentado pra gente continuar trabalhando com esse nosso ar original tá esse ar de frutas e aqui agora a gente vai usar n usando o Splice para adicionar um item e para adicionar

a gente vai mudar aqui os parmetros os argumentos adicion argumenta mais aqui e tudo vai funcionar Então o que o que que acontece aqui com Splice eu posso falar a posição que eu quero iniciar né no caso seria na posição um e o delete count eu posso passar a zero Ou seja eu não quero apagar nenhum item então eu posso passar o zero e eu posso dar uma vírgula aqui ó e adicionar valores ou seja o Splice ele vai pegar naquela posi não vai apagar ninguém e os itens que eu passar aqui a partir do

do no caso do terceiro argumento em diante todos os itens que eu passar aqui ele vai adicionar no arrei então por exemplo eu vou adicionar aqui o que que nós temos aqui de fruta maçã banana morango e limão então eu vou adicionar aqui o i e mamão beleza executando isso aqui a gente pode ver o seguinte o arrei a resposta né é nada é zero Olá Um arrei vazio ou seja ele não apagou nenhum item e obviamente né a gente passou aqui o delete count zero mas nós temos aqui o arrei original maçã Ki mamão

que foi os dois que eu adicionei e depois nós temos banana morango limão então e a gente pode né usar o Splice para adicionar um ou mais itens no nosso Array e quando eu uso o quando eu defino aqui um delete count Ou seja eu vou querer apagar dois itens e eu já posso adicionar dois itens no lugar que seria o comportamento aí pare de substituição eu vou remover aqueles itens e adicionar itens novos novos Então a gente vai conseguir através do Splice vários comportamentos né deletar item adicionar item e também de substituir os itens

no nosso Array tá então aqui o que que eu vou fazer vamos deixar um exemplo aqui né e usando spli para substituir um ou mais itens eu vou copiar isso aqui tá pra gente economizar tempo vou deixar comentado esse código anterior e aqui no spli n para substituir ou seja frutas P spli eu vou começar do índice um eu vou deletar Um item e esse item que eu deletar eu vou substituir né vou colocar no lugar dele quei então eu vou apagar aqui o mamão e a gente vai ver esse comportamento né ou seja maçã

banana morango limão é o nosso arrei original executando isso aqui nós temos eu tenho que não selecionar nada olha lá maçã kiwii morango e limão é o é o nosso arrei frutas né que seria o arrei original então ele adicionou Ki no lugar de banana e retornou para mim também como resposta na variável resposta banana que foi o item que ele apagou Tá então através do Splice a gente consegue todos esses comportamentos que são interessantes pra gente fazer aí a manipulação dos nossos arrays tá então eu vou deixar isso aqui comentado também e a gente

já vai pro próximo método que esse outro método ele é o Slice tá então vai ser o seguinte ó usando o Slice o Slice esse método com a tradução disso aqui seria fatiar Ou seja eu uso o Slice para tirar uma fatia do meu Array tá então aqui eu posso fazer o seguinte ó eh vai ser um uma fatia né vou criar aqui a variável fatia let fatia vai ser de frutas né que é o nosso arrei aqui dentro Eu tenho o método Slice e aqui eu passo dois parâmetros o parâmetro de início e de

final ou seja eu quero do índice um até o índice dois por exemplo vamos fazer aqui ó console log fatia e console log de frutas também que é o arreio original Então vou executando isso aqui a gente pode ver o seguinte o arreio original que é maçã que é frutas né maçã banana morango limão ele vai continuar da mesma forma e o que o Slice vai fazer é criar um novo arrei que seria essa Poa né que é esse Slice que no caso aqui é só banana né que seria né a partir do do índice

um até o índice do e esse item eh o na verdade esse método né o Slice essa função é o ponto interessante aqui é que ele vai sempre criar um novo arrei e o arrei original que seria o arrei de frutas ele vai continuar o mesmo ele não vai apagar nenhum item do arrei original tá a gente faz meio que uma cópia da aquela fatia do arrei e retorna né retornado e atribuído nesse caso aqui na variável fatia então se eu quiser por exemplo passar só um parâmetro ou seja o Slice e eu passo aqui

só o índice Inicial né que é o índice um Ou seja eu vou pegar do índice um até o final ele vai pegar todos os itens a partir do índice um tá então o Slice e a gente pode fazer o contrário também né Ou seja eu posso passar aqui o primeiro paret e o segundo aqui TR melhor dois fazer assim se eu executo eu tenho o seguinte maçã e banana foi retornado né Ou seja a partir do início né do índice zero até o índice do né vai terminar no índice do e pegou esses dois

itens né a partir do início até aonde eu defini então consigo usar o Slice para pegar os pedaços aí do nosso do nosso arrei tá sem modificar o arrei original beleza E o que mais que nós temos aqui nós temos outro método que é o conquete o que que é esse método conquete eu vou deixar aqui o Slice definido eh pegando os dois na verdade vão fazer o seguinte ó eu quero a partir do índice um a até o índice TRS executando aqui vai ter banana e morango então com esses dois caras que tá na

variável fatia a gente vai ver o próximo método que é o método conquete e esse conquete vem de concatenar ou seja o que que é concatenar é eu pegar duas coisas e juntar n nesse caso eu vou fazer a concatenação aqui de dois ar Reis ou seja o arrei original frutas eu vou concatenar nele esse arrei fatia que é o Slice que nós tiramos né que é essa essa variável que foi a resposta do desse método Slice ou seja o arrei frutas eu vou adicionar né concatenar juntar os dois eu vou juntar banana e morango

aqui no método no no arrei de frutas tá então a gente tem aqui ó a anotação é o seguinte o frutas a gente vai ter um novo arrei né então aqui ó novo arrei vai ser frutas pon concat eu vou concatenar no arrei frutas eu poderia fazer o contrário né ou seja fatia eu vou concatenar frutas a gente pode trocar as ordens também mas vamos fazer aqui do original né de frutas eu vou concatenar fatia e aqui a gente pode fazer um console pon log do novo arrei e executando isso aqui nós temos aqui ó

esse terceiro log né que é o arrei frutas né maçã banana morango e limão e esse arrei fatia que é banana e morango foi concatenado no final do arrei tá então o conquete ele vai servir para isso para juntar os dois ar Reis e gerar um arrei novo tá então se aqui em novo arrei eu faço o seguinte ó O console log vamos mover isso aqui para cá ó console log de frutas e fatia que são os dois arris originais se a gente Executa os dois arris Eles continuam na mesma estrutura Eles continuam intactos o

que muda é que o conquet ele vai gerar um novo arrei ele vai gerar uma cópia nova da mesma forma que o Slice faz tá então Slice e conquete eles irão sempre gerar pra gente nov US Reis para com os resultados aí das operações que a gente tá que a gente tá criando tá então temos outro método aqui que é o método join esse join aqui ele é basicamente eu vou criar aqui a variável texto ele vai ser o seguinte nós iremos pegar todos os elementos do Array ou seja maçã banana morango e limão e

eu vou juntar todos eles eu vou juntar todos eles em uma coisa só nesse caso aqui como uma arreia de Strings né de texto maçã banana morango e limão a gente vai conseguir fazer isso sem problemas então eu vou ter aqui ó frutas pon join e Aqui nós temos um parâmetro que é o separador Ou seja eu quero pegar todos os itens e juntar mas quando eu juntar eu eu quero separar cada item usando o qu né qual caractere no caso aqui eu posso colocar por exemplo um if E se eu salvo isso aqui e

faço consol Log em texto vou comentar esses caras aqui ó se eu executo eu tenho texto eu digitei o consol log errado salvando e executando ó lá ó maçã banana morango e limão separados por infen né Se eu quisesse colocar uma vírgula e executar ó lá maçã banana morango limão o vírgula é espaço né para ficar mais bonitinho E aí nós temos o log ã de todos os itens feito join n feitos juntados aí e separados por algum caractere E se eu não quiser dizer que eles fiquem juntos eu não passo eu passo a string

vazia né e ele vai juntar eles também e sem o O separador Tá e por último Aqui nós temos o outro um outro método e esse método ele vai fazer o ele vai reverter né o método reverse ele vai reverter o nosso arrei então se eu chamo aqui ó frutas pon reverse é o método né então eu executo e faço aqui o console ponto log de frutas se a gente executa ele vai ficar agora ao contrário né limão morango banana e maçã e antes era maçã banana morango limão então ele simplesmente reverte e ele vai

reverter o arreio original tá esse caso aqui ele não vai criar uma cópia invertida do arrei não ele vai reverter o arreio original tá basicamente isso tem tem os seus as suas utilidades n todos esses métodos aqui possuem as suas devidas utilidades e a gente vai ter essa noção melhor quando a gente tiver de fato trabalhando com alguma tecnologia com alguma stack desenvolvendo de fato alguma coisa pra gente ver tudo isso em Ação Tá certo então para essa aula aqui é isso tá eu espero aí que eu tenha ajudado qualquer dúvida pode estar deixando um

comentário logo abaixo e é isso aí muito obrigado e até a próxima C [Música]