Cómo añadir un elemento en un índice específico de un array en Javascript
Método usando splice()
let array = [1, 2, 3, 4, 5];
let indice = 2; // índice en el que quieres insertar el nuevo elemento
let nuevoElemento = 99;
array.splice(indice, 0, nuevoElemento);
console.log(array);
// Resultado: [1, 2, 99, 3, 4, 5]
En este ejemplo, splice() toma tres argumentos:
1. El índice en el que quieres insertar el nuevo elemento.
2. El número de elementos a eliminar (en este caso, 0 porque no queremos eliminar ningún elemento).
3. El nuevo elemento que quieres añadir.
Otros métodos
Usando slice() y concatenación
Puedes usar slice() y concatenación para crear un nuevo array con el elemento añadido en el índice específico:
let array = [1, 2, 3, 4, 5];
let indice = 2; // índice en el que quieres insertar el nuevo elemento
let nuevoElemento = 99;
let nuevoArray = [...array.slice(0, indice), nuevoElemento, ...array.slice(indice)];
console.log(nuevoArray);
// Resultado: [1, 2, 99, 3, 4, 5]
Usando reduce()
Aunque es menos común, también puedes usar reduce() para lograr lo mismo:
let array = [1, 2, 3, 4, 5];
let indice = 2; // índice en el que quieres insertar el nuevo elemento
let nuevoElemento = 99;
let nuevoArray = array.reduce((acc, current, i) => {
if (i === indice) {
acc.push(nuevoElemento);
}
acc.push(current);
return acc;
}, []);
console.log(nuevoArray);
// Resultado: [1, 2, 99, 3, 4, 5]
Todos estos métodos logran el objetivo de insertar un nuevo elemento en un índice específico en un array. El método splice() es probablemente el más directo y fácil de entender para esta tarea.
Jorge García
Fullstack developer