Como anexar elementos em uma matriz em JavaScript

Em JavaScript, o processo de adição de elementos adicionais ao início ou final de uma matriz já criada é conhecida como “anexar elementos a uma matriz““. Você pode adicionar um único elemento, um conjunto de elementos ou até uma matriz inteira a outra matriz. Mais especificamente, o JavaScript permite atravessar ou manipular matrizes usando uma variedade de métodos.

Este artigo elaborará o procedimento para adicionar elementos em uma matriz em JavaScript.

Como anexar elementos em uma matriz em JavaScript?

Para anexar elementos a uma matriz, o JavaScript suporta vários métodos:

• método push ()
• Método concat ()
• Método não ()
• Método Splice ()

Vamos parecer mais aprofundados nesses métodos.

Método 1: Adicione elementos em uma matriz usando o método push ()

A abordagem mais simples para adicionar elementos ao final de uma matriz é o “empurrar()”Método em JavaScript. Ele fornece uma nova matriz como uma saída com um novo comprimento depois de adicionar elementos.

Sintaxe
Siga a sintaxe dada para usar o método push () para adicionar elementos na matriz:

variedade.push (element1, element2,…, elementn);

Aqui o "Element1, Element2… ”Serão empurrados no“variedade"Utilizando o"empurrar()”Método.

Exemplo 1: anexar um ou mais elementos na mesma matriz
Primeiro, criaremos uma matriz chamada “funcionário”Isso armazena os nomes dos funcionários:

var funcionário = ['Stephen', 'Mari', 'John',];

Em seguida, adicione mais dois elementos como o nome dos funcionários “Rhonda" e "Susan”Na matriz:

funcionário.push ('Rhonda', 'Susan');

Imprima a matriz com os elementos anexos no console:

console.log (funcionário);

A saída mostra que os elementos são anexados com sucesso no final da matriz e o comprimento é atualizado para “5”:

Exemplo 2: anexar uma matriz em outra matriz

Aqui, criaremos duas matrizes “animais" e "animais de estimação”:

var animais = ['zebra', 'leão', 'tigre',];
var peTanimals = ['gato', 'coelho'];

Agora, empurre os elementos da matriz “petânims” para a outra matriz usando o método push () com o operador de spread:

animais.empurrar (… petânimal);

Então, imprima a matriz “animais" usando "console.registro()”Método:

console.log (animais);

O operador de propagação adicional copia todos os elementos da matriz "petânims" e, em seguida, esses elementos são anexados à matriz "Animals", utilizando o método push ():

Vamos ver outro método para anexar uma matriz a outra.

Método 2: Adicione elementos em uma matriz usando o método concat ()

O "concat ()”O método é usado para anexar os elementos de uma matriz a outro, ou podemos dizer que se junta a duas ou mais matrizes. Ele mescla duas matrizes anexando elementos de uma matriz em outra e retorna a única matriz.

Sintaxe
Use a sintaxe abaixo para usar o método concat ():

variedade.Concat (Array1, Array2,…, Arrayn);

Exemplo
Usaremos a matriz já criada e invocaremos o método concat () para concatenar os elementos da matriz de petanimals com a matriz de "animais" e salvar os elementos resultantes na nova matriz:

var array = animais.Concat (petânimal)

Por fim, imprima os novos elementos da matriz usando o “console.registro()”Método:

console.log (matriz);

Pode -se observar que os elementos da matriz “animais de estimação”É anexado com sucesso à matriz“animais”:

Deseja adicionar elementos no início da matriz? Siga a próxima seção!

Método 3: Adicione elementos em uma matriz usando o método de não

Há outro método JavaScript chamado “NIFT ()”Isso pode adicionar ou anexar elementos no início ou no início de uma matriz.

Sintaxe
Siga a sintaxe dada para adicionar elementos no início de uma matriz utilizando o “NIFT ()”Método:

variedade.NIFT (Element1, Element2,…, Elementn);

Exemplo
Aqui, criaremos uma matriz chamada “pássaros”Com dois elementos:“Papagaio" e "Pombo”:

vars vars = ['Parrot', 'Pigeon',];

Então, chame o “NIFT ()”Método passando um elemento“Coquetel”Isso precisa ser anexado na matriz criada:

pássaros.NIFT ('Cocktail');

Por fim, imprima a matriz atualizada no console:

console.log (pássaros);

Saída

Vamos passar para outro método para adicionar o elemento no meio de uma matriz.

Método 4: Adicione elementos em uma matriz usando o método Splice ()

Se você deseja substituir os elementos da matriz ou adicionar elementos em uma matriz em qualquer índice especificado, use o método predefinido JavaScript “emenda ()”. Além disso, vamos usá -lo para anexar elementos no meio de uma matriz.

Sintaxe
Siga a sintaxe dada para utilizar o método Splice () para anexar elementos em uma matriz:

variedade.Splice (StartIndex, DeleteCount, Element1,…, Elementn)

Aqui o "startIndex”É o local da matriz onde um novo elemento deve ser colocado,“DeleteCount”Indica quantos elementos devem ser eliminados e o“Element1,…, elementon”São os elementos que precisam ser anexados.

Exemplo
Agora, vamos anexar elementos no mesmo “pássaros”Array, aprovando argumentos o índice de início“1”Onde os novos elementos precisam ser anexados,“0”Indica que nenhum elemento deve ser excluído e depois“Coquetel" e "Pardal”São os elementos necessários:

pássaros.emenda (1, 0, 'coquetel', 'pardal');

Imprima a matriz “pássaros”No console usando o“console.registro()”Método:

console.log (pássaros);

A saída significa que os elementos são anexados com sucesso no meio da matriz:

Reunimos todos os melhores métodos para anexar elementos em uma matriz em JavaScript.

Conclusão

Para anexar elementos a uma matriz, você pode utilizar os métodos internos de JavaScript, incluindo o “empurrar()”Método,“concat ()”Método,“NIFT ()”Método, ou“emenda ()”Método. O método push () pode inserir elementos no final de uma matriz, enquanto o método não aplande elementos no início de uma matriz, o método splice () insere um novo elemento no meio da matriz e o concat ( ) Método mescla duas ou mais matrizes. Neste artigo, elaboramos o procedimento para adicionar elementos em matrizes JavaScript com exemplos adequados.