Viktiga JavaScript-loopar du behöver veta

Slingor inJavaScript används för att fatta beslut genom att validera ett visst värde mot ett givet testvillkor och exekvera ett visst kodsegment för ett visst antal gånger tills det angivna villkoret är uppfyllt. Det hjälper till att göra din kod kompakt. De loopar förklaras i den här artikeln i följande sekvens:

• JavaScript-loopar
  • För loop
  • While loop
  • Gör-medan-slinga
  • For-in-slinga
  • Bryta uttalande
  • Fortsätt uttalande

JavaScript-loopar

JavaScript-loopar ger en snabb och enkel metod för att göra något upprepade gånger. De används för att upprepa en åtgärd flera gånger utan att behöva upprepa samma kodrad. Det finns huvudsakligen två typer av öglor:

hur man får längd på array-javascript

• Ingångsstyrda slingor - Vid inträde kontrolleras testförhållandet innan det går in i slingkroppen. För Loop och While Loop är ingångskontrollerade slingor.

• Avsluta kontrollerade slingor- Vid utgångskontroll utvärderas testförhållandet i slutet av slingkroppen. Därför kommer loopkroppen att köras minst en gång,oavsett om testvillkoret är sant eller falskt. gör-medan-slinga är en utgångskontrollerad slinga.

  
  
  

Nu ska vi gå vidare och diskutera de olika metoderna för att köra JavaScript-loopar.

För Loop

Denna metod ger ett kortfattat sätt att skriva loopstrukturen. A för loop upprepas tills ett angivet tillstånd utvärderas till falskt.

Syntax-

för (initialiseringsvillkor testning förhöjning / minskning) {uttalande}

Exempel-

// JavaScript-program för att illustrera för loop var x // för loop börjar när x = 1 // och körs till x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + ' 
')}

Produktion-

Värde x: 1 Värde x: 2 Värde x: 3 Värde x: 4

While Loop

En while-loop är ett kontrollflödesuttalande som gör att koden kan köras upprepade gånger baserat på ett visst booleskt tillstånd. Denna slinga liknar den för ett repeterande if-uttalande.

Syntax-

medan (booleskt tillstånd) {loop-uttalanden}

Exempel-

// JavaScript-program för att illustrera medan loop var x = 1 // Avsluta när x blir större än 5 medan (x<= 5) { document.write('Value of x:' + x + ' 
') // öka värdet på x för // nästa iteration x ++}

Produktion-

Värde x: 1 Värde x: 2 Värde x: 3 Värde x: 4 Värde x: 5

Do-while Loop

Den här slingan liknar medan slingan men den enda skillnaden är att den söker efter tillstånd efter att uttalanden har utförts. Således är det ett exempel på Exit Controlled Loop.

Syntax-

gör {uttalanden} medan (villkor)

Exempel-

// JavaScript-program för att illustrera do-while-loop var x = 20 do {// om villkoret är falskt document.write ('Value of x:' + x + ' 
') x ++} medan (x<10) 

Produktion-

Värde på x: 20

For-in Loop

Den här slingan itererar en specificerad variabel över alla objektets uppräkbara egenskaper. För varje enskild egendom kommer JavaScript att utföra de angivna uttalandena.

Syntax-

för (variabelnamn i objekt) {uttalanden}

Exempel-

// JavaScript-program för att illustrera för..in loop // skapa ett objekt var karakteristiskt = {först: 'Namn', andra: 'Ålder', tredje: 'Höjd', fjärde: 'Ögonfärg', femte: 'Nationalitet '} // iterera genom varje egenskap hos // objektegenskaperna och skriv ut dem alla // med hjälp av..in loopar för (itr i egenskaper) {document.write (egenskaper [itr] +' 
')}

Produktion-

Namn Ålder Höjd Ögonfärg Nationalitet

Bryta uttalande

Pausmeddelandet används för att hoppa ur en slinga. Det hjälper dig att bryta slingan och fortsätta köra koden efter slingan.

Syntax-

bryt etikettnamn

Exempel-

var text = '' var i för (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + ' 
'}

Produktion-

java scanner få nästa char

Numret är 0 Numret är 1 Numret är 2 Numret är 3 Numret är 4

Fortsätt uttalande

Fortsätt-satsen bryter en iteration i slingan om ett angivet villkor uppstår och fortsätter med nästa iteration i slingan. Skillnaden mellan fortsätt och pausuttalandet är att fortsättningsuttrycket 'hoppar över' en iteration i slingan istället för 'hoppar ut'.

Syntax-

Fortsätt etikettnamn

Exempel-

var text = '' var i för (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + ' 
'}

Produktion-

Numret är 0 Numret är 1 Numret är 3 Numret är 4

Dessa var de olika metoderna för att köra JavaScript-loopar. Med detta har vi kommit till slutet av vår artikel.

Nu när du känner till JavaScript-loopar, kolla in av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig hur du skapar imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuerar den till Amazon Simple Storage Service (S3).

Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i “JavaScript-loopar” så återkommer vi till dig.