Este tutorial aprenderás a insertar uno o más elementos en medio de un array con JavaScript. Para ellos usaremos la función splice.
La función splice no crearé un array nuevo cuando se utilice, sino que modificará el array existente. La sintaxis de la función splice, incluida en los elementos de tipo Array, es la siguiente:
arr.splice(index, borraElementos, insertaElemento1, insertaElemento2, ..., insertaElementoN)Vamos a partir del siguiente array de ejemplo:
const numeros = [0, 1, 2, 3, 4, 6, 9];Lo que vamos a hacer es insertar el elemento 5 en la quinta posición del array. Para ello usaríamos la función splice tal que así:
numeros.splice(5, 0, 5);Ahora, si hacemos un console.log del array numeros, obtendremos lo siguiente:
(8)[0, 1, 2, 3, 4, 5, 6, 9]Ahora vamos a insertar múltiples elementos, por lo que vamos a agregar los valores 7 y 8. En este caso sencillamente debemos indicar los elementos a insertar, uno tras otro:
arr.splice(7, 0, 7, 8);Si, de nuevo, hacemos un console.log del array numeros, obtendremos lo siguiente:
(10)[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]Aquí tienes un enlace al fiddle de este tutorial, en donde puedes ver el código en marcha.
Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.
