Bucles de JavaScript importantes que debe conocer



Existen diferentes métodos para ejecutar bucles de JavaScript. Lea aquí para comprender los diferentes métodos de bucle en JavaScript con ejemplos.

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.

bucle for - bucles javascript - edureka



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.