Insertar un elemento en una posición específica de un Array en Javascript

Insertar un elemento en una posición específica de un Array en Javascript

Kervin Vasquez's photo
Kervin Vasquez

Published on Jul 11, 2021

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Digamos que necesitas insertar un nuevo elemento en un array, pero no lo quieres agregar al final, sino que lo quieres insertar en una posicion en particular. A esta posición se le llama índice.

Si necesitas un recordatorio o no estas muy familiarizado con el funcionamiento y la sintaxis de los arreglos en JavaScript puedes visitar el siguiente enlace: trabajando con arreglos.

Para poder insertar un elemento en una posición específica de un array haremos uso del método splice(). Este metodo puede ser muy util, pero hay que usarlo con cuidado ya que tambien puede servir para borrar elementos.

El metodo splice() toma tres argumentos. El primero es el índice inicial: el lugar donde insertaremos el elemento. El segundo es el numero de elemento que quieres borrar, pero en este caso estamos añadiendo entonces pasaremos el número 0 en todos los ejemplos.

Digamos que tienes este array:

const frutas = ['naranja','mango'];

Puedes agregar un elemento despues de "naranja" de la siguiente forma:

frutas.splice(1,0,'fresa');
//frutas === ['naranja','fresa','mango']

Y no estamos limitados a insertar un solo elemento a la vez, sino que también puedes insertar multiples elementos de la siguiente manera:

frutas.splice(1,0,'fresa','mandarina');
//frutas === ['naranja','fresa','mandarina','mango']

Para insertar un elemento en la primera posición podemos hacer lo siguiente:

frutas.splice(0,0,'fresa');
//frutas === ['fresa','naranja','mango']
 
Share this