Los arrays de JavaScript son el pilar de la manipulación de datos en el desarrollo web moderno. Con ES2023 introduciendo alternativas inmutables a métodos mutantes, es momento de revisar cómo trabajamos con arrays.

Panorama de métodos de array

Los métodos se dividen en mutantes y no mutantes. ES2023 introdujo cuatro métodos inmutables: toSorted(), toReversed(), toSpliced(), with(). Estos crean nuevos arrays sin modificar el original, ideal para React o Redux.

Map, Filter y Reduce en profundidad

map transforma cada elemento, filter selecciona elementos, reduce es el más versátil. Una anti-patrón común es encadenar map seguido de filter cuando un solo flatMap sería suficiente.

flatMap y groupBy

flatMap combina mapeo y aplanamiento. Object.groupBy (ES2024) proporciona agrupación nativa, reemplazando el patrón manual con reduce.

Rendimiento

Rendimiento de bucles (más rápido primero): for, for...of, forEach, map, filter, reduce. find se beneficia de terminación temprana.

Recetas prácticas

Eliminar duplicados con Set, dividir arrays en grupos con chunk, barajar con Fisher-Yates. Integración con TypeScript usando type predicates en filter.

Los métodos inmutables ES2023 deberían ser tu opción por defecto para código no crítico en rendimiento.