¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!

Introducción al bucle For en JavaScript

El For Loop en JavaScript es el mejor método para iterar a través de una serie de datos al mismo tiempo. El bucle for es un bucle controlado por entrada en el que se comprueba la condición de prueba antes de ir al cuerpo del programa. For loop se usa cuando conocemos el número de iteraciones antes de ingresar al ciclo. Los bucles se utilizan normalmente para repetir una serie de pasos un cierto número de veces, por lo que a menudo implican variables de contador, una prueba condicional, una forma de cambiar la variable de contador.En muchos casos, el bucle For puede lograr lo mismo que un bucle while, con menos líneas de código.

Tipos de bucle For en JavaScript

A continuación se muestran los tipos de bucle for en javascript:

  • Para: Se utiliza para recorrer el código n veces hasta que la condición sea falsa.
  • For/in: Se utiliza para recorrer las propiedades del objeto.
  • For/of: se utiliza para recorrer una matriz de objetos iterables.

Para sintaxis de bucle:

for (Condición de inicialización; condición de prueba; Incremento/Decremento)
{
Cuerpo del bucle
}

Sintaxis de bucle for/in:

para (var en objeto)
{
Cuerpo del bucle
}

Sintaxis de bucle for/of:

para (variable de iterable)
{
Cuerpo del bucle
}

Flujo de trabajo de For Loop en JavaScript

  • Condición de inicialización: La condición establece el inicio del ciclo for a. La variable se puede inicializar en un bucle, o la variable se puede declarar por separado.
  • Condición de prueba: El bucle For es un bucle de control de entrada, la condición se comprueba antes de que se ejecute el programa. También prueba la condición de salida del ciclo.
  • Ejecución de sentencia: Solo si la condición de prueba es verdadera, entonces se ejecuta el cuerpo del ciclo.
  • Incremento/ Decremento: Para cada ciclo, después de que se ejecuta el ciclo, el control pasa a la declaración de incremento. Aquí Incrementa o decrementa las variables de control.
  • Terminación del bucle: El bucle termina tan pronto como la condición se vuelve falsa.
Nota: Podemos omitir la condición de inicialización dentro del ciclo For si queremos, pero ( ; ) el punto y coma no debe eliminarse. Si se elimina, el programa arrojará un error. La variable se puede declarar fuera del ciclo.

Ejemplo:

Código:

Int añadir=10;
<30;add++)Para(;añadir

¿Cómo funciona el bucle For en JavaScript?

Cuando se ejecuta el bucle, se comprueba la condición inicial. Este es el valor inicial donde comienza el ciclo. Siguiente paso, la condición prueba si la condición provista es verdadera o falsa; esto determina si el ciclo debe continuar o no. Si la condición es verdadera, entonces la variable modifica el ciclo y se ejecuta la declaración del ciclo. Después de que se ejecuta la instrucción, el ciclo se reinicia hasta que la condición es falsa.

Diagrama de flujo de For Loop

A continuación se muestra el diagrama de flujo de For Loop en JavaScript:

El ciclo se ejecuta primero y el ciclo for verifica la condición de prueba, ya sea que sea verdadera o no. Si la condición es verdadera, irá al bloque de instrucciones donde se ejecuta. Si la condición es falsa, el bucle saldrá y el programa se detendrá.

Ejemplo 1: Uso del bucle For

El siguiente programa está escrito para imprimir la lista de nombres de estudiantes usando JavaScript.

Código:


Salida:

Ejemplo n.º 2: Uso del bucle For

Código:


Salida:

Nota: El ciclo For termina después de 5 iteraciones.

Ejemplo n.º 3: Uso del bucle For/in

El ciclo for/in se usa para iterar a través de las propiedades de un objeto.

Código:


Salida:

Ejemplo n.º 4: Uso del bucle For/of

Código:


JavaScript para/de bucle


La instrucción for/of recorre los valores de un objeto iterable.

Salida:

Conclusión

Al principio, el bucle for puede parecer un poco confuso, pero una vez que descubres las diferentes partes de la declaración for, no son difíciles. Solo tenga en cuenta que cada bucle for comienza con la palabra clave for, seguida de un conjunto de paréntesis que contiene tres partes, un par de llaves. For loop ayuda al programador a escribir un programa de manera efectiva y sencilla. Ahorra el problema de escribir múltiples líneas de código que consumen más tiempo. Para que un programador escriba un programa de manera efectiva y productiva. The Forgives tiene una ventaja añadida ya que reduce la duración del programa.

Artículos recomendados

Esta ha sido una guía para For Loop en JavaScript. Aquí discutimos la introducción al bucle for en JavaScript y sus tipos junto con el diagrama de flujo. También puede consultar nuestros otros artículos sugeridos para obtener más información -

  1. Bucle For en Python
  2. Bucle For en Java
  3. Iterador en Java
  4. Bucle For en Matlab

¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!

Categoría:

Lenguajes de programación