
Insertar un elemento en un array ya existente es una tarea muy común en la programación. Al igual que en otros lenguajes de programación, en Javascript puedes añadir elementos al final, al principio y en medio del array. Para ello, este lenguaje de programación dispone de ciertas funciones, y a veces, diversas, que te ayudarán con ello.
Vamos a ver, con una serie de ejemplos, las diferentes formas en las que podemos realizar dichas inserciones en las distintas posiciones del array.
Para ello, en principio, vamos a suponer que tenemos un array de números enteros positivos, tal cual puedes ver a continuación:
1 | var numeros = [4, 5, 6, 7, 8]; |
Cómo añadir un elemento al final de un array en Javascript
La manera más fácil de añadir elementos al final de un array es usando el método push:
1 | numeros.push(9); |
aunque existen otras formas de realizar esto:
1 2 3 4 5 | //Alternativa 1 numeros[numeros.length] = 9; //Alternativa 2 numeros = numeros.concat([9]); |
Elijas el método que elijas, al final obtendrás un array con un elemento más al final del mismo:
1 2 | //Array resultante tras usar alguna de las formas anteriores para añadir un elemento al final de un array en Javascript [4, 5, 6, 7, 8, 9] |
Cómo añadir un elemento al principio de un array en Javascript
Veamos ahora como añadir un nuevo elemento al comienzo del array. El método más sencillo es usar unshift:
1 | numeros.unshift(3); |
Como método alternativo podríamos usar el siguiente:
1 | [3].concat(numeros); |
Usando cualquiera de los métodos anteriores, el array resultante sería el siguiente:
1 2 | //Array resultante tras usar alguna de las formas anteriores para añadir un elemento al principio de un array en Javascript [3, 4, 5, 6, 7, 8] |
Cómo insertar un elemento en medio de un array en Javascript
La forma más sencilla de añadir un elemento en medio de un array en Javascript es mediante el método splice. Además es una de las formas más óptimas para hacerlo:
1 | numeros.splice(numeros.length / 2, 0, 5.5); |
Como resultado, obtenemos un array como el siguiente:
1 2 | //Array resultante tras usar el método splice para añadir o insertar un elemento en medio de un array en Javascript [4, 5, 5.5, 6, 7, 8] |
Estas tres formas que te hemos descrito son las maneras de introducir un elemento en un array en Javascript, en cualquier sitio que desees.
