5 Array prototype explicados em Javascript
Como usar Array From, Of, Every, Some e At
Recentemente venho falado em uma série de posts chamado “Tornando-se um programador melhor”, da importância em se importar com o código que escrevremos, um pouco que muito inspirado no livro de Pete goodlife.
Para começar, seria bem interessante conhecer o primeiro prototype chamado: from
Sabemos que se referenciarmos uma varíavel à outra, que não seja um tipo primitivo ( por exemplo number e string), e alterar seu conteúdo, a alteração ocorrerá nas duas, pois uma é a variável alocada e outra se torna a referência para a primeira.
Para resolver isso, muitos códigos utilizam da seguinte maneira:
Então pronto, criamos um novo Array, a partir do Array original.
Caso você precise de um mapper, você precisará após clonar, utilizar o prototype map da seguinte maneira:
Só que existe métodos mais limpos e nativos de fazer isso. Sabe como? Vou mostrar o poder do From:
Bem melhor não ? Desestruração é muito bom, mas precisamos usar com moderação.
Array of
Este é bem interessante, por que tudo que você envia como argumentos, ele transforma em um array e a posição do que você escreveu, vira a key do array.
Array at
Você consegue pegar a posição do elemento do array.
É super importante ver na documentação o motivo de usar e por que foi criado:
Então, já que não é possível usar posições negativas, acessando diretamente desta forma:
Podemos simplesmente usar esta:
Array some e Array Every
Estes são bem parecidos, ambos percorrem o array, junto a um Callback, ambos os callback precisam retornar um Boolean. No Some, pelo menos uma das condições precisa ser true, para retornar true. Ao contrário do Every, onde todos precisam ser true.
Por exemplo: Você quer saber se Maria, Ines e João são mais velhos do que a Joana. ( Every )
No segundo exemplo, você verifica se Maria, Ines ou João são mais velho que a Joana. ( Some )
Em regras de renderização baseada em roles, se usa essas duas funções.
Gostasse ? Obrigado pela leitura ❤
