Aprendendo algumas funcionalidades importantes sobre arrays em JS

Hoje eu estava pesquisando sobre as principais operações (ou funções nativas que operam sobre os arryas em javascript). Apesar de conhecer algumas pelo seu uso no  dia-a-dia, devo lhe confessar que existem algumas coisas interessantes que eu nem conhecia. E estudar isso um pouco não faz mal a ninguém cecrto?

Enão se você tem interesse em entender um pouco mais sobre isso, vem comigo que vou destrinchar algumas das funções nativas do javascript para ficarmos afiados sobre este conhecimento!

Verificação se sorbe se é um array

Para verificarmos se uma variável é um array, basta usar Array.isArray(MEU_ARRAY_AQUI);

Array.isArray([1, 2, 3]); // true

Verificação sobre o tamanho de um array

Todo array tem a propriedade lenght, que retorna o tamanho do array.

Para saber o tamanho de um aray basta usar:

const items = [1, 2, 3];

items.length; // 3

Adicionar um elemento a um array

Para adicionar um elemento a uma array, masta usar o método push(MEU_ELEMENTO_AQUI);

const arr = [1, 2];
arr.push(3); // [1, 2, 3]

Ou seja, de dois elementos (1 e 2), meu array passou a ter 3 elementos.

Remover um elemento do array

O método pop remove o último elemento do array.

arr.pop(); // [1, 2]

Adicionando elemento ao início de um array

O método unshift() faz isso pra você. Basta chamar ele passando o elemento que deseja adicionar ao início do seu array.

arr.unshift(0); // [0, 1, 2]

Adicionei o elemento 0 ao início do meu array.

Removendo um elemento do início do meu array

De forma oposta ao método unshift, temos o método shift que é responsável por remover o primeiro elemento do array.

arr.shift(); // [1, 2]

Removendo um elemento de um array

Para remover um elemento do array usando o método splice(POSICAO_INICIAL, QUANTIDADE_DE_ELEMENTOS_A_REMOVER)

Este método é simples: No primeiro parâmetro precisamos saber a posição inicial do array onde vamos operar a remoção. Se for 0, começa no primeiro elemento do array (lembre-se! Arrays começam no ídice 0) se for 1 vão pegar o segundo elemento do array e assim por diante.

O segundo parâmetro vai informar quantos elementos eu desejo remover após o índice fornecedor. Vejamos:

arr = [1, 3, 5, 7, 9];

Elemento na posição 0 é o 1

Quantidade de elementos a remover 3

Então se eu chamar splice passando nos parâmetros 0 e 3 eu estou dizendo para a função o seguinte:

A partir do elemento 1 remova os 3 próximos elementos. Logo eu estou removendo 3, 5 e 7. Simples assim!

Inserindo um elemento no array

Usando o mesmo método pode inserir um elemento no nosso array. Para isso devemos chamar splice passando:

Posição onde começa

Quantidade de elementos a remover

Elemento a ser inserido

Exemplo:

const arr = [1, 4];

arr.splice(1, 0, 99); // [1, 99, 4]

O primeiro parãmetro de número 1 especifica o índice 1 que aponta para o segundo elemento no array (LEMBRE-SE! Arrays começam no índice 0).

O segundo parâmetro indica a quantidade de elementos a ser removido. Como é 0, nada será removido do array.

O terceiro parâmetro informa o valor a ser inserido no array, esse valor será inserido na posição correspondente ao índice passado no primeiro parâmetro, deslocando os demais elementos para a direita.

Portanto, o número 99 será inserido na posição de índice 1, e o valor 4 será movido para a próxima posição, resultando no array final:

[1, 99, 4]

Bem pessoa! Terminamos por aqui sobre estas operações. Em outro artigo devo trazer mais detalhes sobre métodos de iterações em arrays para ampliarmos um pouco a nossa caixa de ferramentas. Até o próximo artigo!