Artículo original escrito por Nathan Sebhastian
Artículo original JavaScript Splice – How to Use the .splice() JS Array Method
Traducido y adaptado por Keiler Guardo Herrera

El método splice() es un método incorporado en los arreglos de JavaScript. Que permite cambiar el contenido del arreglo eliminando o sustituyendo los elementos existentes por otros nuevos.

Este método modifica el arreglo original y retorna los elementos eliminados como un nuevo arreglo.

En este tutorial, aprenderás cómo puedes eliminar, añadir o reemplazar elementos de un arreglo utilizando el método splice(). Vamos a empezar con la eliminación de los elementos de un arreglo en primer lugar. Este método modifica el arreglo original y retorna los elementos eliminados como un nuevo arreglo.

Cómo eliminar elementos de un arreglo con splice()

Por ejemplo, supongamos que tenemos un arreglo llamado meses, pero que tiene algunos nombres de los días en el arreglo como los siguientes:

let meses = ["enero", "febrero", "lunes", "martes"];
Un conjunto mixto de nombres de meses y de días

Puedes utilizar el método splice() para eliminar los nombres de los días del arreglo meses y añadirlos a un nuevo arreglo al mismo tiempo:

let meses = ["enero", "febrero", "lunes", "martes"];
let dias = meses.splice(2);

console.log(dias); // ["lunes", "martes"]
Creación del arreglo días

El método splice() necesita al menos un parámetro, que es el índice de inicio donde comienza la operación. En el código anterior, se pasa el número 2 al método, lo que significa que splice() empezará a eliminar elementos desde el índice 2.

También puedes definir cuántos elementos quieres eliminar del arreglo pasando un segundo argumento numero conocido como eliminaConteo. Por ejemplo, para eliminar solo un elemento, puede pasar el número 1 de esta manera:

let meses = ["enero", "febrero", "lunes", "martes"];
let dias = meses.splice(2, 1);

console.log(dias); // ["lunes"]
console.log(meses); // ["enero", "febrero", "martes"]
Eliminando sólo un elemento del arreglo

Si se omite el parámetro eliminaConteo, splice() eliminará todos los elementos desde el índice inicial hasta el final del arreglo.

Cómo eliminar y añadir elementos de un arreglo con splice()

El método también permite añadir nuevos elementos justo después de la operación de borrado. Solo tienes que pasar los elementos que quieres añadir al arreglo después de la cuenta de borrado.

La sintaxis completa del método splice() es la siguiente:

Array.splice(inicio, eliminaConteo, nuevoElemento, nuevoElemento, nuevoElemento, ...)
Sintaxis completa del método splice()

El siguiente ejemplo muestra cómo puede eliminar "lunes" y "martes" y añadir "marzo" y "abril" al arreglo de meses:

let meses = ["enero", "febrero", "lunes", "martes"];
let dias = meses.splice(2, 2, "marzo", "abril");

console.log(dias); // ["lunes", "martes"]
console.log(meses); // ["enero", "febrero", "marzo", "abril"]
Uso de splice() para eliminar y añadir elementos a un arreglo

Cómo añadir nuevos elementos al arreglo sin eliminar ninguno

Por último, puedes añadir nuevos elementos sin eliminar ninguno pasando el número 0 al parámetro eliminaConteo. Si no se elimina ningún elemento, el método splice devolverá un arreglo vacío. Puede elegir si desea almacenar el arreglo vacío retornado en una variable o no.

El siguiente ejemplo muestra cómo se puede añadir un nuevo elemento "marzo" junto a "febrero" sin eliminar ningún elemento. Como el método splice() retorna un arreglo vacío, no es necesario almacenar el arreglo retornado:

let meses = ["enero", "febrero", "lunes", "martes"];
meses.splice(2, 0, "marzo");

console.log(meses); 
// ["enero", "febrero", "marzo", "abril", "lunes", "martes"]
El método splice() llamado sin retornar ningún elemento

Conclusión

Acabas de aprender cómo funciona el método splice(). ¡Buen trabajo!

El método splice() se utiliza principalmente cuando necesitas eliminar o añadir nuevos elementos a un arreglo. En algunas situaciones, también puedes utilizarlo para separar un arreglo que tiene contenido mixto como en el caso anterior.

Si eliminas 0 elementos del arreglo, el método simplemente devolverá un arreglo vacío. Siempre eres libre de asignar el arreglo retornado a una variable o ignorarlo.

Gracias por leer este tutorial

Si quieres aprender más sobre JavaScript, puedes visitar mi sitio en sebhastian.com, donde he publicado más de 100 tutoriales sobre programación con JavaScript.

Los tutoriales incluyen manipulación de cadenas, manipulación de fechas, métodos de arreglos y objetos, soluciones de algoritmos de JavaScript y mucho más.

Asegúrate de comprobarlo ? .