Cómo agregar elementos a un array en JavaScript

Los arrays son una estructura de datos comúnmente utilizada en programación que nos permite almacenar una colección de elementos en una sola variable. En JavaScript, los arrays pueden contener cualquier tipo de datos, como números, strings, booleanos e incluso otros arrays. En este artículo, aprenderemos cómo agregar elementos a un array existente en JavaScript.

📋 Aquí podrás encontrar✍

Usando el método push()
Usando el método unshift()
Usando el método splice()
Usando el operador spread(...)
Conclusión
Preguntas frecuentes

Usando el método push()

El método push() agrega uno o más elementos al final de un array existente y retorna la nueva longitud del array.

El siguiente código muestra cómo agregar un solo elemento a un array usando push():

const numbers = [1, 2, 3]; numbers.push(4); // ahora numbers contiene [1, 2, 3, 4]

También podemos agregar múltiples elementos al final de un array usando push():

const numbers = [1, 2, 3]; numbers.push(4, 5, 6); // ahora numbers contiene [1, 2, 3, 4, 5, 6]

Usando el método unshift()

El método unshift() agrega uno o más elementos al principio de un array existente y retorna la nueva longitud del array.

El siguiente código muestra cómo agregar un solo elemento al principio de un array usando unshift():

const numbers = [2, 3, 4]; numbers.unshift(1); // ahora numbers contiene [1, 2, 3, 4]

También podemos agregar múltiples elementos al principio de un array usando unshift():

const numbers = [4, 5, 6]; numbers.unshift(1, 2, 3); // ahora numbers contiene [1, 2, 3, 4, 5, 6]

Usando el método splice()

El método splice() agrega uno o más elementos a cualquier posición en un array existente y retorna los elementos eliminados.

El siguiente código muestra cómo agregar un solo elemento en la segunda posición de un array usando splice():

const numbers = [1, 2, 4]; numbers.splice(2, 0, 3); // ahora numbers contiene [1, 2, 3, 4]

También podemos agregar múltiples elementos en cualquier posición de un array usando splice():

const numbers = [1, 2, 5, 6]; numbers.splice(2, 0, 3, 4); // ahora numbers contiene [1, 2, 3, 4, 5, 6]

Usando el operador spread(...)

El operador spread(...) nos permite agregar múltiples elementos a un array usando una sintaxis concisa y limpia.

El siguiente código muestra cómo agregar múltiples elementos al final de un array usando el operador spread(...):

const numbers = [1, 2, 3]; const newNumbers = [...numbers, 4, 5, 6]; // ahora newNumbers contiene [1, 2, 3, 4, 5, 6]

Conclusión

Agregando elementos a un array en JavaScript es una tarea común que se realiza en muchas aplicaciones. Los métodos push(), unshift() y splice() nos permiten agregar elementos a cualquier posición de un array existente, mientras que el operador spread(...) nos permite agregar múltiples elementos de manera limpia y concisa. Esperamos que este artículo te haya sido útil para aprender cómo agregar elementos a un array en JavaScript.