Métodos modernos para eliminar elementos de matrices en JAVASCRIPT

tabla de contenidos

1. Matrices en JavaScript

Las matrices en JavaScript son objetos especiales que almacenan elementos secuencialmente, es decir, almacenan elementos uno tras otro en memoria. Son objetos de alto nivel, como una lista. En realidad se puede pensar en ellos como listas de elementos.

Todos los elementos de una matriz tienen un índice que indica la posición de ese elemento en la matriz. El elemento en la primera posición tiene un índice de 0, luego el siguiente tiene un índice de 1, etc. Por esta razón, los índices de matriz de JavaScript están basados en cero.,
Se puede acceder a los elementos de las matrices JavaScript utilizando su índice.podemos encontrar el índice de un elemento en un array usando un método especial llamado indexOf.

simplemente puede pensar en matrices JavaScript como un conjunto ordenado de valores a los que se refiere con un nombre y un índice

el número total de elementos en una matriz es la longitud de esa matriz.
la propiedad length es especial. Siempre devuelve el índice del último elemento más uno.

const evenNumbers = console.log (evenNumbers.,length) / / devuelve la longitud del array evenNumbers

Los arrays JavaScript son la estructura de datos más utilizada y debido a que organizan los elementos secuencialmente, es súper fácil acceder al primer y último elemento. Por lo tanto, eliminar estos elementos es muy fácil en JavaScript.

2. Matriz.prototipo.shift()

El método shift() elimina el primer elemento de una matriz (que es el elemento en el índice de cero). También reordena los elementos restantes en el array y decrementa la longitud del array en uno. Finalmente, devuelve el elemento eliminado.

3. Matriz.prototipo.,pop ()

el método pop () es el opuesto de shift (). Elimina el último elemento de la matriz.
el índice del último elemento en la matriz es la longitud de la matriz menos uno. El método pop (), también decrementa la longitud del array en uno y devuelve el elemento eliminado.

4. El operador Delete

tanto los métodos pop() como shift() nos dan una forma de eliminar elementos de un array desde la visualización de posición preestablecida: la última o la primera posición respectivamente. Si bien son geniales, no tenemos la libertad de eliminar elementos de ninguna otra posición., ¿Qué pasa si queremos eliminar elementos en un determinado índice que no es ni el primero ni el último?

el operador de eliminación es ideal para esto.
A diferencia de pop () y shift (), el operador delete devuelve la nueva matriz.

Una cosa que debe tenerse en cuenta antes de usar el método delete es que no cambia la longitud de la matriz como se ha visto anteriormente. Elimina el elemento especificado y añade undefined en su lugar.

5. Matriz.prototipo.,splice ()

si el operador delete no es muy adecuado para usted porque no actualiza la longitud de la matriz, otro método de matriz incorporado que puede usar es el método splice ().

el método splice () es un método de matriz incorporado muy potente que se puede usar para eliminar elementos de matriz en cualquier índice. También se puede usar para agregar elementos o reemplazar un elemento existente. Pero nos limitaremos a eliminar elementos de una matriz. Puede eliminar varios elementos de una matriz A diferencia de pop () y shift () que elimina un elemento a la vez.,
Por último, el método splice() devuelve una nueva matriz que contiene el Elemento/elementos eliminados.

el método splice () puede tomar hasta tres parámetros para nuestro caso de uso, solo necesita dos. El primero especifica el índice a eliminar del segundo especifica cuántos elementos eliminar del array

6. Matriz.prototipo.filter ()

vimos la potencia de splice() arriba, ya que la usamos para elementos de cualquier índice en una matriz. Pero con splice () solo podríamos eliminar varios elementos en serie.

¿Qué pasa si queremos eliminar todas las palabras de nuestra matriz numList anterior?, dado que las palabras no están en serie en la matriz anterior, splice () no es el mejor ajuste. Excepto que estamos implementando nuestro propio método remove () donde podemos usarlo bajo el capó. Una buena opción es usar filter() ya que estamos borrando toda la instancia de una cadena en el array.

los métodos filter () llaman a una función de devolución de llamada proporcionada una vez por cada elemento en una matriz y devuelve una nueva matriz de elementos que pasa la prueba implementada en la función de devolución de llamada.

notó el poder del método filter (), cómo nos permite eliminar múltiples elementos de un array independientemente de su índice., Además, observe cómo podemos combinar condiciones en la implementación de la función de devolución de llamada para apuntar a múltiples elementos.

una obra maestra

todavía hay otras maneras de hacer esto en JavaScript, realmente en este punto, debería reducirse a la implementación de un desarrollador de su propia función personalizada. Tal vez sueñas con un método remove() propio. Te dejaré con una obra maestra de John Resig. (El creador de jQuery).

8. Pensamientos finales

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *