Como eliminar un elemento de un array en Javascript

Curso de Javascript Online. Desde cero.

14.  
19.  
25.  
34.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Para eliminar un elemento concreto de un array en Javascript lo más sencillo es usar el siguiente código:

<script>
    miArray.splice(posicion, 1);
</script>

Vamos a ver un ejemplo concreto de esto, en el que eliminaremos el tercer elemento de un array:

<script>
    const miArray = ['Juan', 'Paco', 'Laura','Raquel'];
    miArray.splice(2,1);
</script>

¿Cómo funciona el método splice?

Aunque hemos resuelto el problema de manera muy sencilla llamando al método splice, no estaría de más terminar de comprender que es lo que hace exactamente este método.

El método splice puede recibir más de dos parámetros. Veamos un ejemplo:

<script>
    const miArray = ['Juan', 'Paco', 'Laura', 'Raquel'];
    miArray.splice(2,1, 'Javier', 'Oscar');
    console.log(miArray); //  ['Juan', 'Paco', 'Laura', 'Javier', 'Oscar']
</script>

En cuanto al código anterior…

  • El primer parámetro indica que accedemos a la posición 2 del array (que realmente será la tercera posición, ya que empezamos a contar desde cero).
  • El segundo parámetro indica el número e elementos que vamos a borrar en la posición indicada por el primer parámetro. En nuestro caso, borraremos un elemento, por tanto Laura será borrada del array.
  • Del tercer parámetro en adelante se van indicando los valores que se insertarán en esa posición.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.