Artículos
Javascript

Recorrer una matriz con Javascript

18/Feb/2021

Ayer hablábamos de cómo podíamos multiplicar matrices en Javascript y caimos en la cuenta que no habíamos explicado algo tan sencillo como es recorrer una matriz con Javascript. Así que no podíamos dejar pasar el tiempo y nos hemos puesto manos a la obra para poder explicaros cómo se realiza esta tarea.

Lo primero será definir la matriz en Javascript. Para ello la instanciamos directamente sobre una constante.

const matriz = [[1,2,3],[4,5,6],[7,8,9]];

Aquí vemos que los elementos del array son a su vez arrays de elementos, lo que acaba formando la matriz.

Al ser un array de arrays necesitaremos de dos bucles for para poder recorrer la matriz. Donde el primero recorrerá el array principal y el segundo recorrerá cada uno de los array secundarios. Los arrays irán desde la posición inicial hasta la longitud del array que la conseguimos mediante la propiedad .length

De esta manera los dos bucles concatenados quedan de la siguiente forma:

for (x=0;x<matriz.length;x++) {
    for (y=0;y<matriz[x].length;y++) {
      // Acceder al elemento
    }
}

En el interior del segundo bucle podremos acceder al elemento mediante las variables x e y de la matriz

for (x=0;x<matriz.length;x++) {
    for (y=0;y<matriz[x].length;y++) {
        console.log(matriz[x][y]);
    }
}

Este código nos devuelve la lista de los elementos que hemos recorrido en la matriz. Así que para no dejarlo sin formato vamos a añadir un poco de formato en la generación de la información de la matriz. Quedándonos el código final de la siguiente manera:

for (x=0;x<matriz.length;x++) {
    text = ""
    for (y=0;y<matriz[x].length;y++) {
        text += matriz[x][y] + "\t";
    }
    console.log(text)
}

Espero que os haya resultado útil este sencillo código que nos explica como recorrer una matriz con Javascript.

Código Fuente

Descárgate el código fuente de Recorrer una matriz con Javascript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
1 Comentario
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios