Arrays

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

Si necesitas insertar un elemento en cualquier posiciò de un array puedes utilizar el metodo splice()


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

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 enlace de abajo 👇.

Declarar arrays en JavaScript - Kervin.tech Blog
Podemos imaginarnos que un array es como una caja para contener multiple valores en lugar de tener que declarar multiples variables. Es una de las estructura de datos mas utilizadas.

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']

Profile

Suscríbete

Si quieres mantenerte al dia con las ultimas novedades del blog, participar en concursos y tener acceso a contenido exclusivo, no olvides suscribirte.

Leer más


Hola Mundo 😎
Promesas en JavaScript
© Copyright 2020, Kervin Vasquez