Iterar sobre matrices en JavaScript es una tarea fundamental que los desarrolladores realizan con frecuencia. JavaScript proporciona varios métodos para iterar a través de matrices, incluidos for, forEach(), map(), filter(), reduce() y for…of. Cada método tiene sus casos de uso, beneficios y mejores prácticas específicos. Esta guía explora estos diferentes métodos de iteración de matrices y demuestra cómo recorrer matrices de manera efectiva para manipular y acceder a sus elementos en JavaScript.

Hay muchas formas de iterar a través de una matriz en JavaScript:

Tabla de contenidos

• 1. Usando el método console.log()
• 2. Usando bucle for
• 3. Usando el bucle while
• 4. Usando el método forEach()
• 5. Usando el método cada()
• 6. Usando el método map()
• 7. Usando el método filter()
• 8. Usando el método reducir()
• 9. Usando algún método()
• 10. Usando el método entradas()

1. Usando el método console.log()

Ejemplo: En este ejemplo, accederemos a elementos de matriz simples utilizando su número de índice.

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]); 

geeks 4 geeks 

Hay varias formas de iterar sobre una matriz en JavaScript. Los más útiles se mencionan a continuación.

2. Usando bucle for

El en bucle ejecuta un conjunto de instrucciones repetidamente hasta que la condición dada se vuelve falsa. Es similar a los bucles en otros lenguajes como C/C++, Java, etc.

Ejemplo: En este ejemplo estamos usando un bucle for para la iteración de una matriz.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index  < array.length; index++) {  console.log(array[index]); } 

1 2 3 4 5 6 

3. Usando el bucle while

A mientras bucle en JavaScript es una declaración de flujo de control que permite que el código se ejecute repetidamente según la condición booleana dada.

Ejemplo: En este ejemplo estamos usando el bucle while para la iteración de una matriz.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index  < array.length) {  console.log(array[index]);  index++; } 

1 2 3 4 5 6 

4. Usando el método forEach()

El Método para cada() llama a la función proporcionada una vez por cada elemento de la matriz en el orden.

Ejemplo: En este ejemplo estamos utilizando el método forEach() para la iteración de una matriz.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); } 

1 2 3 4 5 6 

5. Usando el método cada()

El cada método() comprueba si todos los elementos de una matriz pasan una prueba (proporcionada como una función).

Ejemplo: En este ejemplo utilizamos el método each() para la iteración de una matriz.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>X < 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); } 

At least one element is not less than 5 

6. Usando el método map()

A método mapa() aplica una función sobre cada elemento y luego devuelve la nueva matriz.

Ejemplo: En este ejemplo estamos utilizando el método map() para la iteración de una matriz.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Matemáticas.pow(x, 2); cuadrado = matriz.map(cuadrado); consola.log(matriz); console.log(cuadrado); 

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ] 

7. Usando el método filter()

método filtro() se utiliza para filtrar valores de una matriz y devolver la nueva matriz filtrada.

Ejemplo: En este ejemplo estamos usando el método filter() para la iteración de una matriz.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0; let pares = array.filter(pares); consola.log(matriz); console.log(pares); 

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ] 

8. Usando el método reducir()

método reducir() se utiliza para reducir la matriz a un solo valor usando alguna lógica funcional.

Ejemplo: En este ejemplo estamos usando el método reduce() para la iteración de una matriz.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + corriente; suma constante = array.reduce(helperSum, 0); console.log(matriz) console.log(suma); 

[ 1, 2, 3, 4, 5, 6 ] 21 

9. Usando algún método()

algún método() se utiliza para comprobar si algunos valores de la matriz pasan una prueba.

Ejemplo: En este ejemplo estamos usando el método some() para la iteración de una matriz.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>elemento < 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') } 

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4 

10. Usando el método entradas()

El método entradas() devuelve un nuevo objeto Array Iterator que contiene los pares clave/valor para cada índice de la matriz. Esto se puede utilizar para acceder tanto al índice como al valor de cada elemento.

Ejemplo: En este ejemplo, utilizamos el método entradas() para la iteración de una matriz.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); } 

0 1 1 2 2 3 3 4 4 5 5 6