Arrays bidimensionales (datos en forma de tabla)

En esta lección aprenderás a trabajar con arrays bidimensionales en JavaScript para representar datos con forma de tabla o de cuadrícula. Está dirigida a quien busca «array bidimensional en JavaScript» o «arrays anidados en JavaScript».

Meter un array dentro de otro te permite representar «una tabla con filas y columnas», una forma de cuadrícula. Eso es un array bidimensional. Se accede con dos índices, como grid[fila][columna]. Es la idea básica detrás de representar con coordenadas el tablero de un juego, o datos parecidos a los de una hoja de cálculo. Si anidas todavía más, puedes representar estructuras de tres, cuatro o más dimensiones.

El código de ejemplo crea un array bidimensional de 3×2 llamado grid y extrae el valor de la fila 2, columna 3 con grid[1][2]. Mostrar cada fila con .join(",") dentro de un bucle for...of es un patrón muy usado para revisar cómodamente el contenido. Recuerda el orden: primero la fila y después la columna.

Un tropiezo habitual al empezar es invertir el orden de los índices. Escribir grid[columna][fila] acaba accediendo a una posición no deseada. Cuidado también al copiar un array bidimensional: usar solo ... no copia los arrays interiores (es una copia superficial).

En el desarrollo real, los arrays bidimensionales aparecen a menudo en programas que manejan datos en cuadrícula: procesamiento de imágenes, el tablero de un juego, o importar datos con aspecto de hoja de cálculo. Esta idea es además la base de campos como el análisis de datos y la IA, que dependen de operaciones con matrices.

Al inicializar un array bidimensional hay una trampa: si reutilizas y duplicas el mismo array, todas las filas acaban apuntando al mismo array subyacente. Crear un array nuevo para cada fila es el truco para construirlo correctamente.