Bucles enJavaScript se utiliza para tomar decisiones al validar un valor particular contra una condición de prueba dada y ejecutar un segmento de código particular por un número específico de veces hasta que se cumpla la condición dada. Ayuda a hacer su código compacto. los Los bucles se explican en este artículo en la siguiente secuencia:
Bucles de JavaScript
Los bucles de JavaScript proporcionan un método rápido y fácil de hacer algo repetidamente. Se utilizan para repetir una acción varias veces sin tener que repetir la misma línea de código. Existen principalmente dos tipos de bucles:
Bucles de entrada controlados - En entrada controlada, la condición de prueba se prueba antes de ingresar al cuerpo del circuito. En bucle y Mientras bucle son bucles de entrada controlados.
Salir de bucles controlados En salida controlada, la condición de prueba se evalúa al final del cuerpo del bucle. Por lo tanto, el cuerpo del bucle se ejecutará al menos una vez,independientemente de si la condición de prueba es verdadera o falsa. bucle de hacer mientras es un circuito controlado de salida.
Ahora continuemos y analicemos los diferentes métodos para ejecutar bucles de JavaScript.
En bucle
Este método proporciona una forma concisa de escribir la estructura del bucle. Un bucle for se repite hasta que una condición especificada se evalúa como falsa.
Sintaxis-
para (incremento / decremento de condición de prueba de condición de inicialización) {declaración}
Ejemplo-
// Programa JavaScript para ilustrar el bucle for var x // el bucle for comienza cuando x = 1 // y se ejecuta hasta x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
') }
Salida-
Valor de x: 1 Valor de x: 2 Valor de x: 3 Valor de x: 4
Mientras bucle
Un ciclo while es una declaración de flujo de control que permite que el código se ejecute repetidamente en función de una condición booleana particular. Este bucle es similar al de una instrucción if repetida.
Sintaxis-
while (condición booleana) {declaraciones de bucle}
Ejemplo-
// Programa JavaScript para ilustrar el ciclo while var x = 1 // Salir cuando x sea mayor que 5 while (x<= 5) { document.write('Value of x:' + x + '
') // incrementa el valor de x para // siguiente iteración x ++}
Salida-
Valor de x: 1 Valor de x: 2 Valor de x: 3 Valor de x: 4 Valor de x: 5
Bucle de hacer mientras
Este ciclo es similar al ciclo while, pero la única diferencia es que verifica la condición después de ejecutar las declaraciones. Por lo tanto, es un ejemplo de bucle controlado de salida.
Sintaxis-
hacer {declaraciones} mientras (condición)
Ejemplo-
// Programa JavaScript para ilustrar el ciclo do-while var x = 20 do {// si la condición es falsa document.write ('Valor de x:' + x + '
') x ++} mientras (x<10)
Salida-
Valor de x: 20
Bucle for-in
Este bucle itera una variable especificada sobre todas las propiedades enumerables de un objeto. Para cada propiedad distinta, JavaScript ejecutará las declaraciones especificadas.
Sintaxis-
convertir cadena de fecha a la fecha
para (variableName en Objeto) {declaraciones}
Ejemplo-
// Programa JavaScript para ilustrar for..in loop // creando una característica de var Object = {primero: 'Nombre', segundo: 'Edad', tercero: 'Altura', cuarto: 'Color de ojos', quinto: 'Nacionalidad '} // iterar a través de todas las propiedades de las // características del objeto e imprimirlas todas // usando for..in bucles for (itr en características) {document.write (características [itr] +'
') }
Salida-
Nombre Edad Altura Color de ojos Nacionalidad
Declaración de ruptura
La sentencia break se usa para saltar de un bucle. Le ayudará a romper el ciclo y continuar ejecutando el código después del ciclo.
Sintaxis-
romper nombre de etiqueta
Ejemplo-
var text = '' var i para (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
' }
Salida-
El número es 0 El número es 1 El número es 2 El número es 3 El número es 4
Continuar declaración
La instrucción continue rompe una iteración en el ciclo si ocurre una condición especificada y continúa con la siguiente iteración en el ciclo. La diferencia entre continue y la instrucción break es que la instrucción continue 'salta' una iteración en el ciclo en lugar de 'saltar'.
Sintaxis-
continuar labelname
Ejemplo-
var text = '' var i para (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
' }
Salida-
El número es 0 El número es 1 El número es 3 El número es 4
Estos fueron los diferentes métodos para ejecutar JavaScript Loops. Con esto hemos llegado al final de nuestro artículo.
Ahora que conoce los bucles de JavaScript, consulte el por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender a crear sitios web impresionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y a implementarlo en Amazon Simple Storage Service (S3).
Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios de 'JavaScript Loops' y nos comunicaremos con usted.