¿Cómo escribir un bucle for en ES6?

Los bucles son la forma de hacer la misma tarea una y otra vez de forma cíclica. Un bucle representa un conjunto de instrucciones que deben repetirse. En el contexto de un bucle, una repetición se denomina iteración.

Existen principalmente dos tipos de bucles:

Bucles controlados de entrada: en este tipo de bucles, la condición de prueba se prueba antes de ingresar al cuerpo del bucle. For Loop y While Loop son bucles controlados por entrada.

Bucles controlados de salida: en este tipo de bucles, la condición de prueba se prueba o evalúa al final del cuerpo del bucle. Por lo tanto, el cuerpo del bucle se ejecutará al menos una vez, independientemente de si la condición de prueba es verdadera o falsa. do – mientras que el bucle es un bucle controlado por salida.

Aquí, en este artículo, aprenderemos sobre los diferentes tipos de bucles for.

Hay 3 tipos de For en ES6:

1. for( ; ; ): El bucle for ejecuta el bloque de código una cantidad específica de veces.

Sintaxis:

for( Initialization; Terminate Condition; Increment/Decrement )

La inicialización también se puede conocer como valor de conteo ya que esta variable realiza un seguimiento del conteo hasta el terminador. Incrementa/Decrementa la variable a un cierto valor de pasos. La condición de terminación determina la categoría indefinida o definida, porque si la declaración del terminador es válida, entonces el ciclo se termina en un tiempo definido, de lo contrario, se trata de ciclos infinitos y será un ciclo indefinido.

Ejemplo:

<script>
  let val=0;
  for (let i = 0; i < 5; i++) {
    val+= i ;
  }
  document.write(val)
</script>

Producción:

10

2. for…in: El bucle for…in se utiliza para recorrer las propiedades de un objeto.

Sintaxis:

for(variable_name in object) {  
   . . .  
}

En cada iteración, se asigna una propiedad del objeto a variable_name y este ciclo continúa hasta el final de las propiedades del objeto. Ciertamente termina su iteración con seguridad, por lo que se encuentra en un ciclo definido.

Ejemplo: 

<script>
  const numbers = [45, 4, 9, 16, 25];
  
  let val = 0;
  for (let x in numbers) {
    val += numbers[x];
  }
  document.write(val)
</script>

Producción:

99

3. for…of: El bucle for…of se usa para ejecutar el bloque de bucle para iterar el iterable en lugar de los literales de objeto.

Sintaxis:

for(variable_name of object) {  
   . . .
}

Ejemplo:

<script>
  const geek = ["Geeks", "For", "Geeks"];
  
  let text = "";
  for (let x of geek) {
    text += x+ "<br>";
  }
  document.write(text)
</script>

Producción:

Geeks
For
Geeks