Agregar elemento a arreglo con JavaScript
Hoy veremos algo muy simple en JS: cómo agregar un elemento a un arreglo ya sea para agregarlo al inicio o al final.
Esto lo vamos a hacer con JavaScript así que puede que funcione para los frameworks como Vue, React, Angular o jQuery.
Recuerda que un array en JavaScript puede tener elementos mixtos y de cualquier tipo. Por otro lado puedes agregar elementos sin límite.
Veamos entonces cómo agregar un elemento a un array en JavaScript.
La solución para añadir el elemento al final es la función push
que tienen los arreglos. Nosotros invocamos a la función, le pasamos los elementos que queremos agregar al arreglo y la función modificará el arreglo internamente.
Aquí el ejemplo:
const arreglo = [1, 2];
console.log("Antes de agregar es: " + arreglo); // 1,2
arreglo.push(3, 4);
console.log("Después de agregar dos elementos es: " + arreglo); // 1,2,3,4
arreglo.push(5);
console.log("Después de agregar un elemento es: " + arreglo); // 1,2,3,4,5
Fíjate en que yo no espero el valor de regreso de la función, ya que no me interesa; lo que me interesa es que la función agrega los elementos al final del arreglo.
Por cierto, recuerda que esto lo agrega al final y que puedes invocar a push
con uno o varios elementos.
Si por el contrario quieres agregar un elemento a un arreglo de JavaScript pero quieres que este se coloque al inicio, utiliza la función unshift
. De este modo colocas los elementos a la izquierda o mejor dicho al inicio del arreglo.
Aquí el código:
const arreglo = [5, 6, 7];
console.log("Antes de agregar es: " + arreglo);
arreglo.unshift(2, 3, 4);
console.log("Después de agregar dos elementos es: " + arreglo);
arreglo.unshift(1);
console.log("Después de agregar un elemento es: " + arreglo);
A continuación te muestro la ejecución de los dos programas. Recuerda que esto funcionará del lado del cliente o del lado del servidor, ya que al final el lenguaje es JavaScript.
Por cierto, en este caso te mostré ejemplos con números enteros pero puedes agregar cualquier tipo de dato válido.
Si quieres puedes aprender más sobre JavaScript en mi blog.
En este post te quiero compartir un código de C++ para listar y cancelar trabajos…
Gracias a WebAssembly podemos ejecutar código de otros lenguajes de programación desde el navegador web…
Revisando y buscando maneras de imprimir un PDF desde la línea de comandos me encontré…
Esta semana estuve recreando la API del plugin para impresoras térmicas en Android (HTTP a…
Hoy te enseñaré a extraer la cadena base64 de una clave PEM usando una función…
Encender un foco con un Bot de Telegram es posible usando una tarjeta como la…
Esta web usa cookies.