Emparejar dos arrays (una operación zip)

En esta lección aprenderás la operación zip para emparejar dos arrays y manejar juntos los datos que se corresponden. Está dirigida a quien busca «zip de arrays en JavaScript» o «combinar varios arrays en JavaScript».

Combinar uno a uno dos arrays que se corresponden —«un array de nombres» y «un array de notas»— en un array de parejas se llama operación zip. Imagínalo como «emparejar calcetines, el izquierdo con el derecho». JavaScript no tiene un método zip dedicado, pero se consigue fácilmente con .map().

El código de ejemplo escribe names.map((name, i) => [name, scores[i]]), recorriendo el array de nombres mientras combina la nota del mismo índice para construir un array de parejas [nombre, nota]. El truco clave está en aprovechar bien el índice (i) que llega como segundo argumento de .map().

Un tropiezo habitual al empezar es qué ocurre cuando los dos arrays tienen longitudes distintas. Acceder al array más corto más allá de su longitud devuelve undefined, así que quizá tengas que confirmar antes que las longitudes coinciden, o trabajar con la longitud del más corto.

Esta técnica es útil cuando quieres convertir datos gestionados por separado en un único objeto combinado antes de mostrarlos: una idea que se usa igual en otros lenguajes. Reestructurar varias listas en un único array de objetos es también un paso previo habitual en el trabajo real.