JavaScript | En bucle

El bucle en los lenguajes de programación es una característica que facilita la ejecución de un conjunto de instrucciones repetidamente hasta que alguna condición se evalúa y se vuelve falsa. Nos encontramos con for loop que proporciona una forma breve y sistemática de escribir la estructura del bucle.

Sintaxis:

for (statement 1 ; statement 2 ; statement 3)
  • La declaración 1 es la inicialización del contador. Se ejecuta una vez antes de la ejecución del bloque de código.
  • La declaración 2 es la declaración de prueba que define la condición para ejecutar el bloque de código. Debe devolver un valor booleano. También es un bucle controlado por entrada, ya que la condición se comprueba antes de la ejecución de las sentencias del bucle.
  • La declaración 3 es un incremento o decremento del contador y se ejecuta (cada vez) después de que se haya ejecutado el bloque de código.
<script type = "text/javaScript"> 
// JavaScript program to illustrate for loop
    var x; 
    
    // for loop begins when x=2 
    // and runs till x <=4 
    for (x = 2; x <= 4; x++)  
    { 
        document.write("Value of x:" + x + "<br />"); 
    } 
    
< /script> 

Producción :

Value of x:2
Value of x:3
Value of x:4

Diagrama de flujo:

Sentencia 1
Podemos inicializar la variable contador externamente en lugar de en la sentencia 1. Esto nos muestra claramente que la sentencia 1 es opcional. Podemos dejar la porción vacía con un punto y coma. Por ejemplo:

<script>
    var x = 2; 
    
    for ( ; x <= 4; x++)  
    { 
        document.write("Value of x:" + x + "<br />"); 
    }  
</script>

Declaración 2
Esta declaración comprueba el valor booleano de la condición de prueba. Si la condición de prueba es verdadera, el bucle for seguirá ejecutándose. Se ejecuta cada vez que se ejecuta el bucle for antes de que el bucle entre en su cuerpo. Si esta declaración devuelve verdadero, el ciclo comenzará de nuevo; de lo contrario, finalizará y pasará al código que sigue al cuerpo del ciclo. Esta también es una declaración opcional y Javascript la trata como verdadera si se deja en blanco. Si se omite esta declaración, el bucle se ejecuta indefinidamente si el control del bucle no se interrumpe manualmente. Se explica a continuación:

<script>
 var x = 2; 
 bool 
    for ( ; ; x++)  
    { 
        document.write("Value of x:" + x + "<br />"); 
        break;
    }  
</script>

Sentencia 3
Es una sentencia controlada que controla el incremento/decremento de la variable contador. También es opcional por naturaleza y se puede hacer dentro del cuerpo del bucle. Por ejemplo:-

<script>
var i = 0;
var len = 2;
var gfg = "";
for (; i < len; ) { 
  gfg += cars[i] + "<br>";
//can be increased inside loop
  i++;
}
</script>

para/en

Hay otro bucle avanzado llamado bucle for/in que se ejecuta a través de todas las propiedades de un objeto. El bucle se ejecutará una vez para cada propiedad del objeto.

Syntax : for (var in object) { statements to be executed } 

Ejemplo:

<!DOCTYPE html>
<html>
<body style = "text-align:center;"> 
  
<h1 style = "color:green;" > 
GeeksForGeeks 
</h1> 
  
<button onclick="GFG()">Try it</button>
  
<p id="demo"></p>
  
<script>
function GFG() {
  var Platform= {fname:"geeks", Mname:"for", lname:"geeks", }; 
    
  var text = "";
  var x;
  for (x in Platform) {
    text += Platform[x] + " ";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>
  
</body>
</html>

Producción :

Publicación traducida automáticamente

Artículo escrito por ashishsaini3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *