Este método es muy útil, ya que nos permite eliminar, agregar o reemplazar elementos en cualquier parte de un array.

Syntax

arrayName.splice(startIndex, deleteCount, newItems /*optional*/);

Este método puede recibir 3 parámetros:

1. startIndex →el índice desde el que empezaremos a eliminar o añadir elementos.
2. deleteCount → el número de elementos que vamos a eliminar desde el startIndex.
3. newItems → los items que vamos a insertar desde el startIndex.

Ejemplo

const animals = ['🐱', '🐶', '🦁', '🐍', '🐞'];
animals.splice(2, 1); //elimina 1 elemento desde el índice 2, por lo tanto elimina al león. 
console.log(animals); //expected output -> ['🐱', '🐶', '🐍', '🐞']
/*-----------------------*/

const letters = ['a', 'b', 'c', 'd', 'e', 'f'];
letters.splice(3, 2); //elimina 2 elementos desde el índice 3.
console.log(letters) //expected output -> ['a', 'b', 'c', 'f']
/*-----------------------*/

const numbers = [1, 2, 5];
numbers.splice(2, 0, 3, 4); // en el índice 2, elimina 0 elementos y añade los elementos 3 y 4.
console.log(numbers) //expected output -> [1, 2, 3, 4, 5]
/*-----------------------*/

const candies = ['🍬', '🍫', '🍭', '🍡'];
candies.splice(0, 1, '🍡'); //elimina el item que está en la posición cero y en su lugar añade el elemento '🍡'.
console.log(candies); //expected output -> ['🍡', '🍫', '🍭', '🍡']