Cómo agregar elementos en una matriz en JavaScript

En JavaScript, el proceso de agregar elementos adicionales al principio o al final de una matriz ya creada se conoce como el "Agregar elementos a una matriz". Puede agregar un solo elemento, un conjunto de elementos o incluso una matriz completa a otra matriz. Más específicamente, JavaScript le permite atravesar o manipular matrices utilizando una variedad de métodos.

Este artículo elaborará el procedimiento para agregar elementos en una matriz en JavaScript.

Cómo agregar elementos en una matriz en JavaScript?

Para agregar elementos a una matriz, JavaScript admite varios métodos:

• Método Push ()
• método concat ()
• método unshift ()
• método de empalme ()

Veamos más en profundidad estos métodos.

Método 1: Agregar elementos en una matriz usando el método push ()

El enfoque más simple para agregar elementos al final de una matriz es el "empujar()"Método en JavaScript. Da una nueva matriz como salida con una nueva longitud después de agregar elementos.

Sintaxis
Siga la sintaxis dada para usar el método push () para agregar elementos en la matriz:

formación.push (element1, element2, ..., elementn);

Aquí el "Element1, Element2 .. "Van a ser empujados en el"formación"Utilizando el"empujar()" método.

Ejemplo 1: Agregue uno o más elementos en la misma matriz
Primero, crearemos una matriz llamada "empleado"Que almacena los nombres del empleado:

var empleado = ['stephen', 'mari', 'John',];

Luego, agregue dos elementos más como el nombre de los empleados "Rhonda" y "Susan"En la matriz:

empleado.push ('rhonda', 'Susan');

Imprima la matriz con los elementos agregados en la consola:

consola.log (empleado);

La salida muestra que los elementos se agregan con éxito al final de la matriz, y la longitud se actualiza a "5":

Ejemplo 2: Agregar una matriz a otra matriz

Aquí, crearemos dos matrices "animales" y "mascotas":

var animales = ['cebra', 'león', 'tigre',];
var petanimals = ['gato', 'conejo'];

Ahora, empuje los elementos de la matriz "Petanimales" en la otra matriz utilizando el método Push () con el operador spread:

animales.empuje (... petanimales);

Luego, imprima la matriz "animales" usando "consola.registro()" método:

consola.registro (animales);

El operador de propagación adicional copia todos los elementos de la matriz "Petanimales" y luego estos elementos se agregan a la matriz "Animales" utilizando el método Push ():

Veamos otro método para agregar una matriz a otra.

Método 2: Agregar elementos en una matriz usando el método concat ()

El "concat ()El método se utiliza para agregar los elementos de una matriz a otra, o podemos decir que se une a dos o más matrices. Fusiona dos matrices al agregar elementos de una matriz a otra y devuelve la matriz única.

Sintaxis
Use la sintaxis dada a continuación para usar el método Concat ():

formación.concat (Array1, Array2, ..., Arrayn);

Ejemplo
Usaremos la matriz ya creada e invocaremos el método concat () para concatenar los elementos de la matriz Petanimals con la matriz "animales" y luego guardar los elementos resultantes en la nueva matriz:

Var Array = Animales.Concat (Petanimales)

Por último, imprima los nuevos elementos de matriz usando el "consola.registro()" método:

consola.log (matriz);

Se puede ver que los elementos de la matriz "mascotas"Se agrega con éxito a la matriz"animales":

Desea agregar elementos al comienzo de la matriz? Sigue la siguiente sección!

Método 3: Agregar elementos en una matriz usando el método unshift ()

Hay otro método de JavaScript llamado "Unchift ()"Que pueden agregar o agregar elementos al comienzo o al comienzo de una matriz.

Sintaxis
Siga la sintaxis dada para agregar elementos al comienzo de una matriz utilizando el "Unchift ()" método:

formación.Unchift (Element1, Element2, ..., elementn);

Ejemplo
Aquí, crearemos una matriz llamada "aves"Con dos elementos:"Loro" y "Paloma":

var pájaros = ['Parrot', 'Pigeon',];

Entonces, llame al "Unchift ()"Método pasando un elemento"Cóctel"Eso debe agregarse en la matriz creada:

aves.Unchift ('cóctel');

Finalmente, imprima la matriz actualizada en la consola:

consola.log (pájaros);

Producción

Pasemos a otro método para agregar el elemento en el medio de una matriz.

Método 4: Agregar elementos en una matriz usando el método Splice ()

Si desea reemplazar elementos de matriz o agregar elementos en una matriz en cualquier índice especificado, use el método predefinido de JavaScript "empalme()". Además, lo usaremos para agregar elementos en medio de una matriz.

Sintaxis
Siga la sintaxis dada para utilizar el método Splice () para agregar elementos en una matriz:

formación.Splice (StartIndex, Deletecount, Element1, ..., Elementn)

Aquí el "Índice de comienzo"Es la ubicación en la matriz donde se debe colocar un nuevo elemento", "deletrepara"Indica cuántos elementos deben eliminarse y el"elemento1, ..., elemento"Son los elementos que deben agregarse.

Ejemplo
Ahora, agregaremos elementos en el mismo "aves"Array al aprobar el índice de inicio"1"Donde los nuevos elementos deben ser agregados", "0"Indica que no se debe eliminar ningún elemento, y luego"Cóctel" y "Gorrión"Son los elementos requeridos:

aves.empalme (1, 0, 'cóctel', 'gorrión');

Imprima la matriz "aves"En la consola usando el"consola.registro()" método:

consola.log (pájaros);

La salida significa que los elementos se agregan con éxito en la mitad de la matriz:

Hemos reunido todos los mejores métodos para agregar elementos en una matriz en JavaScript.

Conclusión

Para agregar elementos a una matriz, puede utilizar los métodos incorporados de JavaScript, incluido el "empujar()" método, "concat ()" método, "Unchift ()Método "o"empalme()" método. El método push () puede insertar elementos al final de una matriz, mientras que el método unshift () agrega elementos al comienzo de una matriz, el método Splice () inserta un nuevo elemento en el medio de la matriz y el concat (( ) El método fusiona dos o más matrices. En este artículo, elaboramos el procedimiento para agregar elementos en las matrices de JavaScript con ejemplos adecuados.