Manipulando Arrays em JavaScript: Adição e Remoção de Elementos

Image by unsplash

Introdução

Arrays são uma parte fundamental da programação em JavaScript. Neste artigo, exploraremos as operações de adição e remoção de elementos em um array, utilizando exemplos práticos.

Operações de Adição e Remoção:

Vamos começar com um array inicial:

const array = ['🧠', '🤯', '🚀'];

1. Adicionando elementos no final do array:

Usando push() para adicionar '🎉' ao final do array:

array.push('🎉');

2. Removendo o primeiro elemento do array:

Utilizando shift() para remover '🧠':

array.shift();

3. Removendo um elemento específico:

O método splice() permite remover elementos em posições específicas de um array. No exemplo abaixo, usamos splice(1, 1) para remover o segundo elemento do array ('🤯'). O primeiro argumento, 1, representa a posição na qual desejamos iniciar a remoção, enquanto o segundo argumento, também 1, indica quantos elementos queremos remover a partir dessa posição. Portanto, splice(1, 1) remove um único elemento a partir da posição 1 no array.

array.splice(1, 1);

4. Removendo o último elemento:

Utilizando pop() para remover '🚀':

array.pop();

5. Adicionando elementos no início do array:

Com unshift(), adicionamos '⭐️' no início do array:

array.unshift('⭐️');

6. Adicionando elementos em uma posição específica:

Para adicionar elementos em uma posição específica de um array, utilizamos novamente o método splice(). No exemplo, estamos adicionando '🔔' na segunda posição do array, que corresponde ao índice 1.

Aqui está como funciona: splice(1, 0, '🔔'). O primeiro argumento, 1, indica a posição (índice) na qual desejamos começar a adição. O segundo argumento, 0, representa a quantidade de elementos a serem removidos antes da adição. Neste caso, não estamos removendo nenhum elemento, pois queremos apenas adicionar '🔔'. O terceiro argumento, '🔔', é o elemento que desejamos adicionar na posição escolhida.

Portanto, splice(1, 0, '🔔') insere '🔔' na segunda posição (índice 1) do array, resultando em um array modificado com '🔔' naquela posição.

array.splice(1, 0, '🔔');

Resultado

Após essas operações, o array resultante é:

['⭐️', '🔔', '🤯']

Conclusão

Manipular arrays é uma habilidade essencial na programação, e essas operações são apenas o começo. Espero que este artigo tenha ajudado a clarear a maneira como essas operações funcionam em JavaScript.

Agora é com você! Experimente essas operações e explore mais sobre a manipulação de arrays no JavaScript.