Funções “Adicionar à matriz” do JavaScript (push vs unshift vs outros)

Existem vários métodos para adicionar novos elementos a uma matriz JavaScript. Se você deseja remover elementos de uma matriz em JavaScript, também temos um artigo para isso.


Sinta-se à vontade para clicar nos links abaixo e avançar para a explicação de cada método:

  1. Usando push () para adicionar ao final de uma matriz
  2. Usando unshift () para adicionar ao início de uma matriz
  3. Usando splice () para adicionar elementos dentro de uma matriz
  4. Usando concat () para combinar e criar novas matrizes mais longas
  5. Usando a Notação de Índice para especificar um índice no qual adicionar um elemento

Agora vamos discutir como e quando executar cada um desses comandos.

Adicionar ao final de uma matriz usando push ()

O método push () adicionará um elemento ao final de uma matriz, enquanto sua função dupla, o método pop (), removerá um elemento do final da matriz.

Para adicionar um elemento ao final de uma matriz usando push (), você faria o seguinte:

1 1
2
3

var list = ["foo", "Barra"];

list.push ("baz");

["foo", "Barra", "baz"] // resultado

Você também pode adicionar vários elementos a uma matriz usando push (), como mostrado abaixo:

1 1
2
3

var list = ["foo", "Barra"];

list.push ("baz", "qux", "etcetera");

["foo", "Barra", "baz", "qux", "etcetera"] // resultado

Se você precisar adicionar um elemento ou vários elementos ao final de uma matriz, o método push () quase sempre será a opção mais simples e rápida.

Adicionar ao início de uma matriz usando unshift ()

O método unshift () adicionará um elemento ao início de uma matriz, enquanto sua função dupla, shift (), removerá um elemento do início da matriz.

Para adicionar um elemento ao início de uma matriz usando unshift (), tente o seguinte:

1 1
2
3

var list = ["foo", "Barra"];

list.unshift ("baz");

["baz", "foo", "Barra"] // resultado

Para adicionar vários elementos ao início de uma matriz usando unshift (), tente o seguinte:

1 1
2
3

var list = ["foo", "Barra"];

list.unshift ("baz", "qux");

["baz", "qux", "foo", "Barra"] // resultado

Se você precisar adicionar elementos ao início de uma matriz, o método unshift () quase sempre será a opção mais simples e rápida.

Adicionar elemento (s) ao meio de uma matriz usando splice ()

O método splice () modifica o conteúdo de uma matriz removendo elementos existentes e / ou adicionando novos elementos.

Abaixo, você encontrará a sintaxe apropriada da função splice ():

1 1 array.splice (start, deleteCount [, item1 [, item2 [, …]]])

Se você deseja inserir um elemento (ou elementos) em um ponto específico em algum lugar da matriz, além do começo ou do fim, provavelmente deve usar o método splice ().

Para usar splice (), seu código deve ficar assim:

1 1
2
3
4

var list = ["foo", "Barra"];

list.splice (1, 0, "baz"); // na posição 1 do índice, remova 0 elementos e adicione "baz" para essa posição

                           // elemento "Barra" agora será automaticamente movido para a posição 2 do índice

["foo", "baz", "Barra"] // resultado

Para adicionar vários elementos no meio de uma matriz usando splice (), tente o seguinte:

1 1
2
3

var list = ["foo", "Barra"];

list.splice (1, 0, "baz", "qux");

["foo", "baz", "qux", "Barra"] // resultado

O comando de emenda é como o canivete suíço de manipulação de array; No entanto, você deve primeiro tentar usar os comandos push ou unshift muito mais simples antes de usar splice () para adicionar a uma matriz.

Adicionar a uma matriz, formando uma nova matriz usando concat ()

O método concat () retorna uma nova matriz combinada composta pela matriz na qual é chamada, unida à matriz (ou matrizes) a partir de seu argumento.

Para adicionar alguns elementos a outra matriz usando concat (), faça o seguinte:

1 1
2
3

var list = ["foo", "Barra"];

var newlist = list.concat (["baz", "qux"]);

["foo", "Barra", "baz", "qux"] // resultado da nova lista

Também é possível adicionar diretamente valores sem matriz usando concat ():

1 1
2
3

var list = ["foo", "Barra"];

var newlist = list.concat ( "baz", "qux" );

["foo", "Barra", "baz", "qux"] // resultado da nova lista

O método concat () é uma solução simples em situações em que você precisa combinar algumas matrizes, sem inchar seu código com loops for ou outros loops iterativos.

Adicionar um elemento de matriz em um índice específico usando a notação de índice

Também podemos manipular diretamente a matriz, sem o uso de nenhum método de matriz, consultando a posição do índice dentro da matriz.

Aqui, adicionamos dois novos elementos em posições especificadas:

1 1
2
3
4

var list = ["foo", "Barra"];

lista [2] = "baz"; // adiciona elemento "baz" para a posição de índice 2 na matriz

lista [3] = "qux";

["foo", "Barra", "baz", "qux"] // resultado

Aqui, adicionamos um elemento ao final da matriz:

1 1
2
3

var list = ["foo", "Barra"];

list [list.length] = "baz"; // adiciona elemento "baz" até o final da matriz

["foo", "Barra", "baz"] // resultado

O método de notação de índice geralmente é útil quando você sabe exatamente onde colocar um elemento na matriz, independentemente de onde possa estar essa posição. Essa situação geralmente se aplica a muitos tipos de implementações de algoritmos.

Palavras finais sobre como adicionar a uma matriz em JavaScript

Adicionar um elemento a uma matriz em JavaScript é bastante simples, como deveria ser, mas nenhum método é sempre o melhor a ser usado. Espero que agora você possa se sentir confiante em quando usar uma abordagem específica de expansão de matriz em vários contextos de código. Como sempre, se você tiver mais perguntas, comentários, acréscimos ou subtrações, informe-nos abaixo.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector