Introduktion till For Loop i JavaScript

For Loop i JavaScript är den bästa metoden för att iterera genom en serie data samtidigt. For loop är en startkontrollerad slinga där testtillståndet kontrolleras innan man går till programmets huvuddel. För loop används när vi vet antalet iterationer innan vi går in i slingan. Loops används vanligtvis för att upprepa en serie steg ett visst antal gånger, så de involverar ofta räknarvariabler, ett villkorat test, ett sätt att ändra räknarvariabeln. I många fall kan For loop uppnå samma sak som en stundslinga, med färre kodrader.

Typer för slingan i JavaScript

  • För: Det används för att gå igenom koden n antal gånger tills villkoret är falskt
  • För / in : Det används för att gå igenom objektegenskaper
  • För / av : Det används för att gå igenom en rad iterbara objekt

För loop-syntax

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

Syntax för / i slinga

for (var in object)
(
Body of loop
)

För / av loop-syntax

for (variable of iterable)
(
Body of loop
)

Workflow of For Loop i JavaScript

  1. Initieringsvillkor: Villkoret anger starten för for-loopen. Variabeln kan initialiseras i en loop eller variabel kan deklareras separat.
  2. Testa villkor: För loop är en ingångskontrollslinga, kontrolleras villkoret innan programmet körs. Den testar också slingans utgångsläge.
  3. Utförande av uttalande: Endast om testvillkoret är sant, utförs slingans kropp.
  4. Ökning / minskning: För varje cykel, efter att slingan har körts, går kontrollen till inkrementsats. Här ökar eller minskar kontrollvariablerna.
  5. Avslutning av slingan: loopen avslutas så snart villkoret blir falskt.
Obs : Vi kan hoppa över initialiseringsvillkoret inuti For-slingan om vi vill, men (;) Semikolon bör inte tas bort. Om det tas bort kommer programmet att kasta ett fel. Variabeln kan deklareras utanför slingan.

Exempel

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

Hur fungerar Loop i JavaScript?

När slingan körs kontrolleras det initiala villkoret. Detta är det initiala värdet där slingan startar. Nästa steg testade villkoret om det angivna villkoret är sant eller felaktigt; detta avgör om slingan ska fortsätta eller inte. Om villkoret är sant, ändrar variabeln slingan och looputtalandet körs. När uttalandet har slutförts startar öglan igen tills villkoret är felaktigt.

Flödesschema för For Loop

Nedan är flödesschema över för loop i JavaScript:

Loopen körs först och för loopar kontrollerar testvillkoret, oavsett om det är sant eller inte. Om villkoret är sant kommer det att gå till uttalningsblocket där programmet körs. Om villkoret är felaktigt, kommer slingan att avsluta, och programmet kommer att stoppas.

Exempel 1: Användning för loop

Nedanstående program skrivs för att skriva ut listan över studentnamn med JavaScript.

Koda



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) + "
");
)


Produktion:

Exempel 2: Användning för loop

Koda



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");

Produktion:

Obs: För slingor slutar efter 5 iterationer.

Exempel 3: Använda för / i slinga

For / in-slingan används för att iterera genom ett objekts egenskaper.

Koda



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

Produktion:

Exempel 4: Använda For / of Loop

Koda


JavaScript For/Of Loop


JavaScript For/Of Loop


JavaScript For/Of Loop

Uttrycket för / för slingrar genom värdena på ett iterbart objekt.

var cars = ('BMW', 'Volvo', 'Mini');
var x;
för (x bilar) (
document.write (x + "
");
)

Produktion:

Slutsats

Till en början kan slingan se lite förvirrande ut, men när du väl har kommit fram till de olika delarna av uttalandet är de inte svåra. Tänk bara på att varje for loop börjar med nyckelordet för, följt av en uppsättning parenteser som innehåller tre delar, ett par lockiga hängslen. For loop hjälper programmerare att skriva ett program på ett effektivt och enkelt. Det sparar problemet med att skriva flera rader med kod som tar mer tid. För en programmerare att skriva ett program effektivt och produktivt. Förlåter en extra fördel eftersom det minskar programmets längd.

Rekommenderad artikel

Detta har varit en guide till For Loop i JavaScript. Här diskuterar vi Introduktion till For Loop i JavaScript och dess typer tillsammans med flödesschema. Du kan också gå igenom våra andra föreslagna artiklar för att lära dig mer -
  1. Funktioner i JavaScript
  2. Python vs JavaScript
  3. Användning av JavaScript
  4. För Loop in Python
  5. Introduktion till For Loop i Java
  6. Iterator i Java
  7. Exempel på Iterator i Python

Kategori:

Mjukvaruutveckling