En JavaScript vainilla, puede usar el Array.push() método para agregar nuevos elementos a una matriz. Este método agrega uno o más elementos al final de la matriz y devuelve la nueva longitud.
Aquí hay un ejemplo:
const fruits = ['Orange', 'Mango', 'Banana'];
// add more fruits
fruits.push('Apple', 'Lemon');
console.log(fruits);
// ['Orange', 'Mango', 'Banana', 'Apple', 'Lemon']
Si desea añadir elementos al principio de una matriz, use el Array.unshift() método en su lugar. Este método funciona de forma similar a Array.push() excepto que los elementos dados se agregan al comienzo de la matriz:
const fruits = ['Orange', 'Mango', 'Banana'];
// add more fruits
fruits.unshift('Kiwi', 'Lemon');
console.log(fruits);
// ['Kiwi', 'Lemon', 'Orange', 'Mango', 'Banana']
Agregar elemento en un índice específico
Para agregar un elemento nuevo en un índice particular en una matriz, puede usar el método Array.splice(). Este método agrega elementos nuevos en el índice de inicio especificado y devuelve los elementos eliminados, si los hubiere.
Aquí hay un ejemplo que demuestra cómo agregar un nuevo elemento en el tercer índice en una matriz usando Array.splice() :
const fruits = ['Apple', 'Orange', 'Mango', 'Banana'];
const removed = fruits.splice(2, 0, 'Cherry');
console.log(fruits); // ['Apple', 'Orange', 'Cherry', 'Mango', 'Banana']
console.log(removed); // []
Fusión de dos arreglos
¿Qué sucede si desea agregar todos los elementos de una matriz a otra matriz? Puedes usar el Array.concat() método para fusionar dos o más matrices juntas. Este método toma una o más matrices como entrada y fusiona todas las matrices subsiguientes en la primera:
const fruits = ['Orange', 'Mango', 'Banana'];
const moreFruits = ['Kiwi', 'Lemon'];
// merge all fruits
const allFruits = fruits.concat(moreFruits);
console.log(allFruits);
// ['Orange', 'Mango', 'Banana', 'Kiwi', 'Lemon']
El Array.concat() El método no cambia las matrices originales. En su lugar, siempre devuelve una nueva matriz.
Eche un vistazo a este artículo para obtener más información sobre las matrices de JavaScript y cómo usarlas para almacenar múltiples piezas de información en una sola variable.