Introducción a For Loop en JavaScript

For Loop en JavaScript es el mejor método para recorrer una serie de datos al mismo tiempo. El bucle For es un bucle controlado por entrada en el que la condición de prueba se verificó antes de pasar al cuerpo del programa. For loop se usa cuando conocemos el número de iteraciones antes de ingresar al loop. Los bucles generalmente se usan para repetir una serie de pasos un cierto número de veces, por lo que a menudo involucran 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 For Loop en JavaScript

  • Para: se utiliza para recorrer el código n varias 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 la sintaxis de bucle

for (Initialization condition; test condition; Increment/Decrement)
(
Body of loop
)

Sintaxis de bucle for / in

for (var in object)
(
Body of loop
)

Para / de la sintaxis del bucle

for (variable of iterable)
(
Body of loop
)

El flujo de trabajo de For Loop en JavaScript

  1. Condición de inicialización: la condición indica el inicio del ciclo for. La variable se puede inicializar en un bucle o la variable se puede declarar por separado.
  2. Condición de prueba: para el bucle es un bucle de control de entrada, la condición se verifica antes de que se ejecute el programa. También prueba la condición de salida del bucle.
  3. Ejecución de instrucciones: solo si la condición de prueba es verdadera, se ejecuta el cuerpo del bucle.
  4. Incremento / Decremento: para cada ciclo, después de que se ejecuta el ciclo, el control pasa a la declaración de incremento. Aquí aumenta o disminuye las variables de control.
  5. Terminación del bucle: el bucle termina en cuanto la condición se vuelve falsa.
Nota : Podemos omitir la condición de inicialización dentro del ciclo For si lo deseamos, pero (;) el punto y coma no debe eliminarse. Si se elimina, el programa arrojará un error. La variable se puede declarar fuera del bucle.

Ejemplo

Int add=10;
For(;add<30;add++)

¿Cómo funciona For Loop en JavaScript?

Cuando se ejecuta el bucle, se verifica la condición inicial. Este es el valor inicial donde comienza el ciclo. Siguiente paso, la condición probó si la condición proporcionada es verdadera o falsa; Esto determina si el ciclo debe continuar o no. Si la condición es verdadera, la variable modifica el bucle y se ejecuta la instrucción de bucle. Después de que se ejecuta la instrucción, el bucle se reinicia hasta que la condición sea falsa.

Diagrama de flujo de For Loop

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

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

Ejemplo # 1: Usando For Loop

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

Código



var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write(" Using for loops
");
for (i=0;i (
document.write(students(i) + "
");
)

var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write(" Using for loops
");
for (i=0;i (
document.write(students(i) + "
");
)


Salida:

Ejemplo # 2: Usando For Loop

Código



for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");


for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");


for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");

Salida:

Nota: Para el ciclo termina después de 5 iteraciones.

Ejemplo # 3: Usando For / in Loop

El bucle for / in se utiliza para recorrer las propiedades de un objeto.

Código



var string1 = "";
var object1 = (a: 1, b: 2, c: 3);
for (var property1 in object1)
(
string1 += object1(property1);
)
document.write(string1);

Salida:

Ejemplo # 4: Usando For / of Loop

Código


JavaScript For/Of Loop


JavaScript For/Of Loop


JavaScript For/Of Loop

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


var cars = ('BMW', 'Volvo', 'Mini');
var x;
para (x de automóviles) (
document.write (x + "
");
)

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 ciclo for comienza con la palabra clave for, seguido 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 fácil. Ahorra el problema de escribir varias líneas de código que consumen más tiempo. Para que un programador escriba un programa de manera efectiva y productiva. Perdona una ventaja adicional ya que reduce la duración del programa.

Artículo recomendado

Esta ha sido una guía para For Loop en JavaScript. Aquí discutimos Introducción a For Loop en JavaScript y sus Tipos junto con Diagrama de flujo. También puede consultar nuestros otros artículos sugeridos para obtener más información:
  1. Características de JavaScript
  2. Python vs JavaScript
  3. Usos de JavaScript
  4. Para Loop en Python
  5. Introducción a For Loop en Java
  6. Iterator en Java
  7. Ejemplos de iterador en Python

Categoría:

Desarrollo de software