Explorando la iteración de JavaScript

Los bucles permiten a los programas realizar tareas repetitivas, como iterar a través de una matriz, mientras se adhieren al principio DRY (Don't Repeat Yourself) . Ellosresultan útiles cuando desea ejecutar una función varias veces, utilizando diferentes conjuntos de entradas cada vez.

Al igual que otros lenguajes de programación, JavaScript admite diferentes tipos de bucles. Este artículo explorará los bucles for , for / in , while y do / while.

El bucle for

El bucle for es el estilo más común de bucle JavaScript. Aquí está su sintaxis básica:

for (; ; ) { code block // This is executed if condition evaluates to true}
  • inicialización : se utiliza para declarar nuevas variables con la palabra clave var , normalmente se utiliza para inicializar una variable de contador (var i = 0).
  • condición : una expresión booleana que se evaluará antes de cada iteración del ciclo. Si esta expresión se evalúa como verdadera, se ejecutarán los comandos internos.
  • expresión incremental -una expresión evaluada al final de cada iteración del ciclo. Esto generalmente se usa para incrementar, disminuir o actualizar la variable de contador.

Ejemplos:

//Counting 1 to 5for (var i = 1; i  2//=> 3//=> 4//=> 5
//Iterating through an arrayvar arr = [17, 22, 35, 54, 96];
for (var i = arr.length; i >=0; i--) { console.log(arr[i]);}//=> 96//=> 54//=> 35//=> 22//=> 17

El bucle for / in

El bucle for / in se utiliza para recorrer las propiedades de un objeto. Una declaración for / in tiene el siguiente aspecto:

for (variable in object) { statements}
  • variable -se le asigna un nombre de propiedad diferente en cada iteración.
  • objeto -el objeto cuyas propiedades enumerables se repiten.

Ejemplo:

var myObj = {city: "Austin", state: "Texas", country: "USA"}
for (var key in myObj) { console.log(myObj[key]);}//=> Austin//=> Texas//=> USA

El bucle while

Los bucles while son bucles condicionales en los que se comprueba una condición al comienzo de la iteración y, si la condición es verdadera, se ejecutan las declaraciones. Ésta es la sintaxis básica de un tiempo de bucle:

while (condition) { statement //code block to be executed as long condition is true.}
  • condición : la expresión evaluada antes de cada iteración a través del ciclo. Si esta condición se evalúa como verdadera, se ejecutan los comandos internos. Si la condición se evalúa como falsa, entonces la declaración interna no se ejecutará y el programa continúa.
  • declaración -labloque de código que se ejecutará siempre que la condición se evalúe como verdadera.

Ejemplo:

var i = 0;while (i < 3) { console.log(i); i++;}
//=>0//=>1//=>2

El hacer / mientras

El ciclo do / while es una variante del ciclo while. A diferencia del ciclo while, el ciclo do / while ejecutará el bloque de código una vez, incluso antes de comprobar si la condición es verdadera. Luego, repetirá el ciclo siempre que la condición sea verdadera.

Sintaxis:

do { statement //code block to be executed}while (condition);
  • declaración -se ejecuta al menos una vez y se vuelve a ejecutar cada vez que la condición se evalúa como verdadera.
  • condición -laexpresión evaluada después de cada iteración a través del ciclo. Si la condición se evalúa como verdadera, la declaración se vuelve a ejecutar. Si la condición se evalúa como falsa, se detiene la ejecución de la declaración.

Ejemplo:

var cars = ["Tesla", "Prius", "GMC", "Ford"];
var i = 0;do { console.log(cars[i]); i++;}while (i < cars.length)
//=> Tesla//=> Prius//=> GMC//=> Ford

Espero que este breve recorrido por los bucles le haya ayudado a comprender mejor cómo funciona la iteración en JavaScript. Si tiene alguna pregunta sobre los bucles, o simplemente desea chatear, también puede comunicarse conmigo en Twitter .