Recorrer una matriz con Javascript

18/Feb/2021 JavaScript , , , 1 Comentario
Ejemplos Programación en Javascript

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.

Vídeos sobre Javascript


Un comentario en “Recorrer una matriz con Javascript”

Víctor Cuervo

Andres Retamar

Muy buenas Víctor! Estoy empezando a aprender JavaScript y he descubierto esta página, tiene mucha información explicado de forma clara. Solo quería consultarte por este ejercicio de recorrer una matriz, resulta que a la hora de mostrarla por consola solo me muestra los primeros dos parámetros de la matriz, es decir, la primera fila (Adjunto un imagen). Me gustaría saber como puedo resolverlo ya que me interesa mucho poder hacer operaciones con matrices. Gracias. Aquí te dejo una imagen del código y del console log.https://drive.google.com/drive/folders/1P6ZH7np7MYWdLmliN-46yIFuHrRdPvNc?usp=sharing

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*