Funciones “Agregar a la matriz” de JavaScript (push vs unshift vs others)

Existen varios métodos para agregar nuevos elementos a una matriz de JavaScript. Si, en cambio, desea eliminar elementos de una matriz en JavaScript, también tenemos un artículo para eso.


Siéntase libre de hacer clic en los enlaces a continuación para avanzar a la explicación de cada método:

  1. Usando push () para agregar al final de una matriz
  2. Usando unshift () para agregar al comienzo de una matriz
  3. Usando splice () para agregar elementos dentro de una matriz
  4. Usando concat () para combinar y crear nuevas matrices más largas
  5. Uso de la notación de índice para especificar un índice en el que agregar un elemento

Ahora analicemos cómo y cuándo ejecutar cada uno de estos comandos.

Agregar al final de una matriz usando push ()

El método push () agregará un elemento al final de una matriz, mientras que su función gemela, el método pop (), eliminará un elemento del final de la matriz..

Para agregar un elemento al final de una matriz usando push (), debe hacer esto:

1
2
3

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

list.push ("baz");

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

También puede agregar múltiples elementos a una matriz usando push (), como se muestra a continuación:

1
2
3

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

list.push ("baz", "qux", "etcétera");

["foo", "bar", "baz", "qux", "etcétera"] // resultado

Si necesita agregar un elemento o varios elementos al final de una matriz, el método push () casi siempre será su opción más simple y rápida.

Agregar al comienzo de una matriz usando unshift ()

El método unshift () agregará un elemento al comienzo de una matriz, mientras que su función gemela, shift (), eliminará un elemento desde el principio de la matriz..

Para agregar un elemento al comienzo de una matriz usando unshift () intente esto:

1
2
3

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

list.unshift ("baz");

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

Para agregar múltiples elementos al comienzo de una matriz usando unshift () intente esto:

1
2
3

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

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

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

Si necesita agregar elementos al comienzo de una matriz, el método unshift () casi siempre será su opción más simple y rápida.

Agregar elemento (s) a la mitad de una matriz usando splice ()

El método splice () modifica el contenido de una matriz eliminando elementos existentes y / o agregando nuevos elementos.

A continuación encontrará la sintaxis adecuada de la función splice ():

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

Si desea insertar un elemento (o elementos) en un punto particular en algún lugar dentro de la matriz, además del principio o el final, lo más probable es que esté utilizando el método splice ().

Para usar splice () su código debería verse así:

1
2
3
4 4

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

list.splice (1, 0, "baz"); // en la posición de índice 1, elimine 0 elementos, luego agregue "baz" a esa posición

                           // elemento "bar" ahora se moverá automáticamente a la posición de índice 2

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

Para agregar múltiples elementos en el medio de una matriz usando splice () intente esto:

1
2
3

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

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

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

El comando de empalme es como la navaja suiza de manipulación de matrices; sin embargo, primero debe intentar usar los comandos push o unshift mucho más simples antes de usar splice () para agregar a una matriz.

Agregar a una matriz formando una nueva matriz con concat ()

El método concat () devuelve una nueva matriz combinada compuesta por la matriz en la que se llama, unida con la matriz (o matrices) a partir de su argumento.

Para agregar algunos elementos a otra matriz usando concat () haga lo siguiente:

1
2
3

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

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

["foo", "bar", "baz", "qux"] // resultado de la nueva lista

También es posible agregar directamente valores que no sean de matriz usando concat ():

1
2
3

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

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

["foo", "bar", "baz", "qux"] // resultado de la nueva lista

El método concat () es una solución simple en situaciones en las que necesita combinar algunas matrices juntas, sin inflar su código con bucles for u otros bucles iterativos.

Agregar un elemento de matriz en un índice particular usando la notación de índice

También podemos manipular directamente la matriz, sin el uso de ningún método de matriz, haciendo referencia a la posición del índice dentro de la matriz..

Aquí agregamos dos elementos nuevos en posiciones específicas:

1
2
3
4 4

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

lista [2] = "baz"; // agregar elemento "baz" a la posición de índice 2 en la matriz

lista [3] = "qux";

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

Aquí agregamos un elemento al final de la matriz:

1
2
3

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

list [list.length] = "baz"; // agregar elemento "baz" hasta el final de la matriz

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

El método de notación de índice a menudo es útil cuando se sabe exactamente dónde colocar un elemento en la matriz, independientemente de dónde se encuentre esa posición. Esta situación a menudo se aplica a muchos tipos de implementaciones de algoritmos..

Palabras finales sobre agregar a una matriz en JavaScript

Agregar un elemento a una matriz en JavaScript es bastante simple, como debería ser, pero ningún método único es siempre el mejor para usar. Con suerte, ahora puede sentirse seguro de cuándo usar un enfoque de expansión de matriz particular en varios contextos de código. Como siempre, si tiene preguntas, comentarios, adiciones o restas adicionales, avísenos a continuación..

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