■ Arreglos Bidimensionales

En JavaScript un arreglo bidimensional, también llamado "matriz", no es más que un arreglo de arreglos, pero a diferencia de algunos lenguajes de programación, donde una matriz es un contenedor que tiene un determinado número de filas por un determinado número de columnas, donde todas las filas o columnas son estáticas, es decir, del mismo tamaño, por ejemplo las siguientes matrices:

En el caso de las matrices en JS, dado que es un arreglo de arreglos, cada fila viene siendo un arreglo con su propio tamaño, por lo tanto cada fila puede tener un número distinto de elementos, esto se ve así:

var numeros = [

    [1, 2, 3],

    [4, 5, 6, 7],

    [8, 9, 10, 11],

    [12, 13, 14, 15, 16],

    [17, 18, 19]

 ]

Donde el primer elemento de la matriz numeros sería el primer arreglo:

[1, 2, 3]

Y el primer elemento del primer arreglo es el "1".

Si se imprimiera en pantalla esto:

console.log(numeros[0])

Se mostraría esto:

[1, 2, 3]

Para que se muestre el "1" se tendría que imprimir la primer posición del primer arreglo, así:

console.log(numeros[0][0])

■ Combinando tipos

Otra peculiaridad de las matrices en JS es que no están limitadas al mismo tipo de elemento, es decir, se pueden almacenar arreglos con diferentes tipos de elementos, ya sean enteros, cadenas de texto, boleanos, etc., por ejemplo:

var matriz = [
    [1, 2, 3],
    ["amarillo", "azul", "rojo"],
    [true, false],
    [1, "azul", false, 3.14]

}

En esta matriz el primer elemento es "[1, 2, 3]", el segundo elemento es "["amarillo", "azul", "rojo"]", el tercero es "[true, false]" y el último es "[1, "azul", false, 3.14]".

Como puede verse, al ser un "arreglo de arreglos" cada elemento de la matriz puede tener un número distinto de elementos, por lo que para recorrer estos elementos internos debe hacerse con un for, que inicia en 0 y avanza hasta el tamaño del arreglo en cuestión menos 1, así se irá adaptando al tamaño de cada uno.

■ Estructura declaración

var <identificador> = [] // sin especificar el tamaño

■ Ejemplo declaración

var matriz = []

■ Inicialización

Se especifica la posición y se asigna como elemento un arreglo de "n" elementos.

matriz[0] = [1]

matriz[1] = [2, 3]

matriz[2] = [4, 5, 6]

matriz[3] = ["amarillo", "azul"]

matriz[4] = [true, false]

■ Declaración e inicialización

var matriz = [

    [1],

    [2, 3],

    [4, 5, 6],

    ["amarillo", "azul"],

    [true, false]

]