JavaScript Cómo iterar sobre una matriz con 4 bucles diferentes

Iterando sobre una matriz es una tarea común en la programación, y hay varias formas de hacerlo en JavaScript. En este artículo, analizaremos cuatro métodos diferentes para bucle a través de una matriz en JavaScript: For Loop, Foreach Loop, FIN-In Loop y For-Of Loop. También cubriremos algunas formas adicionales de recorrer una matriz utilizando funciones de orden superior como mapa y reducir.

Hay varias formas de recorrer una matriz en JavaScript. La forma más común es usar un bucle para bucle, pero también hay otras opciones como foreach, for-in-in y bucles para.

Método 1: Usando 'para' bucle

El bucle for es la forma más tradicional de bucle sobre una matriz en JavaScript. Tiene tres partes: una condición inicial, una condición de detención y un paso.

Para recorrer una matriz con un bucle for, puede usar el 'formación.longitud' propiedad para determinar el número de iteraciones. Aquí hay un ejemplo de cómo recorrer una matriz e imprimir cada elemento en la consola:

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; para (deja i = 0; yo < days.length; i++) console.log(days[i]);

12345

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; para (deja i = 0; yo < days.length; i++) console.log(days[i]);

Método 2: Usando 'para cada' bucle

El bucle foreach es una función de orden superior que le permite iterar sobre una matriz y realizar una función de devolución de llamada en cada elemento. Aquí hay un ejemplo de cómo usar el bucle foreach para imprimir cada elemento de una matriz en la consola:

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; días.foreach (función (día) consola.log (día); );

12345

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; días.foreach (función (día) consola.log (día););

Método 3: Usando 'For-In' bucle

El bucle for-in se usa para recorrer las propiedades de un objeto. Puede usar el bucle for-in para bucle sobre una matriz convirtiéndola en un objeto primero. Aquí hay un ejemplo de cómo hacer esto:

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; para (dejar día en días) consola.log (días [día]);

12345

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; para (dejar día en días) consola.log (días [día]);

Método 4: Uso de 'For-of' Loop

El bucle para el bucle es un bucle más nuevo introducido en ES6 que le permite iterar sobre los valores de un objeto iterable, como una matriz. Aquí hay un ejemplo de cómo usar el bucle para imprimir cada elemento de una matriz en la consola:

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; para (dejar día de días) consola.log (día);

12345

const días = ['Sol', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; para (dejar día de días) consola.log (día);

Además de los métodos de bucle estándar descritos anteriormente, también hay varias otras formas de recorrer una matriz en JavaScript, como usar las funciones 'MAP' o 'Reducir' o usar los bucles 'While' o 'Do-While'.

Conclusión

En este artículo, analizamos cuatro formas diferentes de recorrer una matriz en JavaScript: el 'bucle' para 'bucle,' bucle 'bucle,' for-in 'bucle y' for-of 'bucle. También cubrimos algunas formas adicionales de recorrer una matriz utilizando funciones de orden superior como MAP y reducir. Cualquiera que sea el método que elija, es importante comprender los pros y los contras de cada método y elegir el que mejor se ajuste a sus necesidades. Con estas técnicas en su kit de herramientas, estará bien equipado para iterar sobre las matrices en JavaScript.