Education Ecosystem Blog

No JavaScript muitas vezes desejamos manipular os itens dentro de um Array. Nesse artigo vamos mostrar como remover ou adicionar itens num array usando métodos nativos do JavaScript

JavaScript – Manipulando itens no início ou no fim de um Array

Adicionar ou remover itens no início ou no fim do array é algo simples. As funções pop(), push(), shift() e unshift() podem ser utilizadas para isso.

As duas funções iniciais manipulam itens finais do array, enquanto shift() e unshift()manipulam os elementos iniciais. Abaixo um exemplo.

var arr = [1, 2, 3, 4, 5];
console.log("Original Array..: " + arr);
arr.pop();
console.log("After pop()....: " + arr);
arr.push(8);
console.log("After push()...: " + arr);
arr.shift();
console.log("After shift()..: " + arr);
arr.unshift(7);
console.log("After unshift(): " + arr);

O código acima terá como resultado a seguinte sequência:

Original Array..: 1, 2, 3, 4, 5
After pop()..:  1, 2, 3, 4
After push()..: 1, 2, 3, 4, 8
After shift()..: 2, 3, 4, 8
After unshift()..: 7, 2, 3, 4, 8

JavaScript – Manipulando itens intermediários de um Array

Trabalhar com itens que estão no meio de um array não é tão fácil, mas temos a função splice().  Sua sintaxe é simples e exige os seguintes parâmetros: o array original, a posição inicial, a quantidade de itens que serão afetados, e, se for para adicionar itens, o valor deles.

(Array) arr_original.splice(index, quantity, elem1, ..., elemX);

Os exemplos abaixo mostram como remover dois itens do array, a partir do segundo elemento e como adicionar um novo elemento na 4ª posição.

arr = [1, 2, 3, 4, 5];
arr.splice(2, 2);
// [1, 2, 5]

arr = [1, 2, 3, 4, 5];
arr.splice(3, 0, 6);
// [1, 2, 3, 6, 4, 5]

Importante: A função altera diretamente o array original e retorna um array com os itens que foram afetados — adicionados ou removidos.

Você conhece outras maneiras de fazer esta operação no JavaScript?  Compartilhe seus comentários na seção abaixo!

Caso deseje explorar outras questões, pode conferir nossos vídeos sobre JavaScript. Abaixo estão alguns exemplos:

• Funcional Programming

• Fundamentals

Você também pode se inscrever em alguns canais que fazem broadcast em JavaScript, como os a seguir:

LearnToProgram

 JDdesign

Outra maneira legal de descobrir mais coisas interessantes sobre JavaScript é acessar nossa página de projetos!