4 formas de eliminar un elemento específico de una matriz de JavaScript

Las matrices son una de las estructuras de datos comunes con las que interactuará en JavaScript. Al eliminar un elemento de una matriz, existen diferentes métodos a su disposición. Todo depende de dónde se encuentre el elemento que desea eliminar y cómo desea identificarlo.

Vea cuáles son las diversas formas de eliminar un elemento de matriz de JavaScript, ya sea al principio, al final o en algún punto intermedio.

1. Eliminar el primer elemento de una matriz

Para eliminar el primer elemento de una matriz, utilice la función integrada de JavaScript cambio() método. Funciona desde el primer momento eliminando el elemento y luego cambiando los índices de todos los elementos restantes.

Después de eliminar el artículo, el método de cambio lo devuelve. Eso significa que puede asignar el elemento eliminado a otra variable y usarlo más tarde si lo desea.

Así es cómo:

constante matriz de demostración = [1, 2, 3, 4, 5];
constante primerElemento = demoArray.shift();
consola.log (matriz de demostración); // registros [2, 3, 4, 5]
consola.log (primerElemento); // registros 1

2. Eliminar el último elemento de una matriz

JavaScript tiene un incorporado estallido() método para eliminar el último elemento de una matriz. Como el cambio() método, estallido() devuelve el elemento eliminado de la matriz.

constante matriz de demostración = [1, 2, 3, 4, 5];
constante ultimoElemento = demoArray.pop();
consola.log (matriz de demostración); // registros [1, 2, 3, 4]
consola.log (últimoElemento); // registra 5

Shift y pop son dos de los más comunes Métodos de matriz de JavaScript, pero solo pueden llevarte hasta cierto punto. Además de estos dos, existen varios métodos que le brindan más precisión sobre los elementos que elimina.

3. Uso del operador de eliminación

Alternativamente, puede usar JavaScript borrar operador para eliminar un elemento de matriz dado en un índice específico. Sin embargo, a diferencia de otros métodos que hemos visto antes, hay una trampa.

El borrar El operador solo elimina el valor, dejando una matriz con un espacio vacío en su índice. Sin embargo, la longitud de la matriz original permanece igual, incluso si elimina el último elemento.

constante matriz de demostración = [1, 2, 3, 4, 5];
borrar matriz de demostración[2];
consola.log (matriz de demostración[2]); // registros indefinidos
consola.log (demoArray.longitud); // registra 5
consola.log (matriz de demostración); // registros [1, 2, vacío, 4, 5]

4. Eliminar un elemento de matriz por valor

También puede eliminar un elemento de matriz específico por valor. No hay un método incorporado para hacer esto, pero puede combinar dos métodos existentes para hacerlo: índice de() y empalme().

Estos dos le permitirán eliminar un elemento específico de una matriz sin tener un índice. Primero, comience por encontrar el índice del elemento de interés usando índice de():

constante matriz de demostración = [1, 2, 3, 4, 5];
constante targetElementIndex = demoArray.indexOf(4);
consola.log (índice del elemento de destino); // registros 3

El método indexOf devuelve el índice de la primera aparición del valor que proporciona, incluso si el valor está presente más de una vez. Si no encuentra ningún elemento coincidente, indexOf devuelve -1.

Ahora que tiene el índice del elemento de destino, puede usar el empalme() método para eliminar el elemento en ese índice. Todo lo que tiene que hacer es pasar el índice del elemento de destino como primer argumento, seguido de la cantidad de elementos que desea eliminar.

Para eliminar solo un elemento, pase un valor de 1 como segundo argumento:

demoArray.splice (targetElementIndex, 1);

El empalme() El método devuelve una matriz de los elementos eliminados y modificará la matriz original de elementos, al igual que cambio() y estallido().

Si algunos de estos métodos son nuevos para usted, consulte nuestro hoja de referencia completa de JavaScript. Contiene todos los métodos de matriz disponibles para usted, no solo para eliminar, sino también para otras operaciones como agregar, repetir, invertir y filtrar elementos.

Trabaje con arreglos de JavaScript como un profesional

Saber cómo trabajar con arreglos en JavaScript es esencial para todos los desarrolladores web debido a la frecuencia con la que los encontrará.

Los conceptos clave que debe dominar son todos los métodos integrados a su disposición que pueden ayudarlo a hacer casi cualquier cosa cuando trabaje con arreglos.