Bucles JavaScript importants que heu de saber

Hi ha diferents mètodes per executar bucles JavaScript. Llegiu aquí per comprendre els diferents mètodes de bucle de JavaScript amb exemples.

Bucles aJavaScript s'utilitza per prendre decisions mitjançant la validació d'un valor concret amb una condició de prova determinada i executeu un segment de codi concret durant un nombre específic de vegades fins que es compleixi la condició donada. Ajuda a fer que el vostre codi sigui compacte. El els bucles s’expliquen en aquest article en la següent seqüència:



Bucles de JavaScript

Els bucles JavaScript proporcionen un mètode fàcil i ràpid de fer alguna cosa repetidament. S'utilitzen per repetir una acció diverses vegades sense haver de repetir la mateixa línia de codi. Hi ha principalment dos tipus de bucles:



  • Bucles controlats d’entrada - En l'entrada controlada, es prova la condició de la prova abans d'entrar al cos del bucle. Per a bucle i Mentre que Loop són bucles controlats per l'entrada.

  • Surt dels bucles controlats- En sortida controlada, l'estat de la prova s'avalua al final del cos del bucle. Per tant, el cos del bucle s’executarà almenys una vegada,independentment de si la condició de la prova és certa o falsa. bucle do-while és un bucle controlat per sortida.



Ara continuem i parlem dels diferents mètodes per executar bucles JavaScript.

Per a bucle

Aquest mètode proporciona una forma concisa d'escriure l'estructura del bucle. El bucle A es repeteix fins que una condició especificada es converteix en falsa.

per a bucles - bucles javascript - edureka



Sintaxi

per a (augment de la condició de prova de condició d'inicialització / disminució) {sentència}

Exemple-

// Programa JavaScript per il·lustrar el bucle var x // el bucle comença quan x = 1 // i s’executa fins a x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + ' 
')}

Sortida-

Valor de x: 1 Valor de x: 2 Valor de x: 3 Valor de x: 4

Mentre que Loop

Un bucle while és una sentència de flux de control que permet executar el codi repetidament en funció d'una condició booleana concreta. Aquest bucle és similar al d’una sentència if que es repeteix.

Sintaxi

while (condició booleana) {sentències de bucle}

Exemple-

augmentar un nombre a una potència a Java
// Programa JavaScript per il·lustrar mentre el bucle var x = 1 // Surt quan x és superior a 5 mentre (x<= 5) { document.write('Value of x:' + x + ' 
') // incrementar el valor de x per // següent iteració x ++}

Sortida-

Valor de x: 1 Valor de x: 2 Valor de x: 3 Valor de x: 4 Valor de x: 5

Bucle Do-while

Aquest bucle és similar al bucle while, però l'única diferència és que comprova l'estat després d'executar les sentències. Per tant, és un exemple de bucle controlat de sortida.

Sintaxi

fer {sentències} mentre (condició)

Exemple-

// Programa JavaScript per il·lustrar el bucle do-while var x = 20 do {// si la condició és falsa document.write ('Valor de x:' + x + ' 
') x ++} mentre que (x<10)

Sortida-

Valor de x: 20

Loop For-in

Aquest bucle itera una variable especificada sobre totes les propietats enumerables d'un objecte. Per a cada propietat diferent, JavaScript executarà les sentències especificades.

Sintaxi

exemple d'arguments de línia d'ordres java
per a (variableName a Object) {sentències}

Exemple-

// Programa JavaScript per il·lustrar el bucle..in // creant una característica Object var = {primer: 'Nom', segon: 'Edat', tercer: 'Alçada', quart: 'Color d'ulls', cinquè: 'Nacionalitat '} // repeteix totes les propietats de les // característiques de l'objecte i imprimeix-les totes // utilitzant for..in bucles per (itr en característiques) {document.write (característiques [itr] +' 
')}

Sortida-

Nom Edat Alçada Color dels ulls Nacionalitat

Declaració de trencament

La sentència break s’utilitza per saltar d’un bucle. Us ajudarà a trencar el bucle i a continuar executant el codi després del bucle.

Sintaxi

trenca el nom de l'etiqueta

Exemple-

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

Sortida-

El número és 0 El número és 1 El número és 2 El nombre és 3 El nombre és 4

Declaració de continuació

La instrucció continue trenca una iteració al bucle si es produeix una condició especificada i continua amb la següent iteració al bucle. La diferència entre la instrucció de continuació i la de pausa és que la sentència de continuació 'salta' per sobre d'una iteració en el bucle en lloc de 'saltar'.

Sintaxi

continua el nom de l'etiqueta

Exemple-

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

Sortida-

El número és 0 El número és 1 El número és 3 El nombre és 4

Aquests eren els diferents mètodes per executar bucles JavaScript. Amb això hem arribat al final del nostre article.

Ara que ja coneixeu els bucles de JavaScript, consulteu el per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'Bucles JavaScript' i us respondrem.