JavaScript para Loop - Tutorial para principiantes

JavaScript para Loop - Tutorial para principiantes
En los lenguajes de programación, los bucles se utilizan para ejecutar un bloque de código repetidamente hasta que se cumpla una condición específica. Todos los principales lenguajes de programación, incluido JavaScript, contienen el concepto de bucles.

JavaScript es un lenguaje de secuencias de comandos basado en texto comúnmente utilizado para agregar elementos dinámicos e interactivos a sitios web estáticos para que sean atractivos visualmente.

Los bucles tienen una sintaxis diferente en cada lenguaje de programación, pero el concepto básico (lógica) sigue siendo el mismo.

La mayoría de los lenguajes de programación tienen más de un tipo de bucle. Los famosos son para y mientras bucle. Esta guía solo aprenderá sobre el bucle y dónde debe usarse en lugar de otros bucles (favorecido sobre otros bucles).

Los bucles se pueden intercambiar entre sí en la mayoría de los casos, pero los bucles deben usarse cuando tenga que ejecutar un número determinado de iteraciones (cuando ya sabe el número de veces que se ejecutará el bucle).

Para la sintaxis del bucle:

Primero, debemos discutir la sintaxis para bucle Usos en JavaScript:

para (inicialización; condición; ** Declaración de modificador de valor variable **)

Código a ejecutar

En para bucle:

  • Primero, inicialice/establezca una variable (se ejecuta la inicialización antes de la ejecución del cuerpo) i.mi. Sea i = 0;
  • En segundo lugar, defina la condición para el bucle (esta declaración se ejecuta antes de la ejecución y decide si el bucle se ejecutará o no), I, i.mi., i <= 10;
  • Por último, la tercera y la última declaración se ejecuta después de ejecutar el cuerpo del bucle. Modifica el valor de la variable para la siguiente iteración, yo.e i ++ o yo-

Nota: Usaremos la consola del navegador para demostrar ejemplos realizados en esta publicación. Para abrir la consola del navegador:

  • Utilizar el F12 clave en Chrome y otros navegadores basados ​​en cromo.
  • Usar Ctrl + Shift + K teclas de atajo de teclado para Mozilla.
  • Usar Opción + ⌘ + C teclas de acceso directo de teclado en Safari (si el menú de desarrollador no aparece, luego abra las preferencias presionando ⌘ +, y en Avanzado comprobación de pestañas "Mostrar el menú Desarrollar en la barra de menú").

Cómo utilizar para bucle?

Tomaremos un programador como ejemplo que tiene que generar una secuencia de números de uno a veinte usando JavaScript. Tendrán que escribir veinte líneas de código para generar esta secuencia. Esta forma de escribir código es muy ineficiente.

Podemos escribir eficientemente tales tareas repetitivas utilizando bucles. Como se mencionó anteriormente, el número de líneas en el programa se puede reducir de veinte a cuatro utilizando un para un bucle.

para (dejar número = 1; número <= 20; number++)

consola.registro (número);

Ahora discutamos cómo un para El bucle realmente funciona. La primera declaración, yo.mi., inicialización, se ejecuta antes de las declaraciones presentes dentro del cuerpo del bucle y establece una variable. La segunda declaración también se ejecuta antes de la ejecución del bloque del código. Definió la condición para el bucle. Esta declaración decide si el bucle se ejecutará para la próxima iteración o se detendrá en la iteración actual. La tercera y la última declaración se ejecuta después de que se ejecutan las declaraciones dentro del bucle. Está incrementando el valor presente dentro de la variable.

También podemos disminuir el valor de una variable en un bucle. Ahora emitiremos la secuencia de veinte a uno en orden descendente:

para (dejar número = 20; número> 0; número--)

consola.registro (número);

Qué es para/in el lazo?

El para/in Los bucles se utilizan para recorrer las propiedades presentes dentro de un objeto. Es útil cuando tienes que ejecutar un bucle a través de un objeto, pero no sabes la cantidad de propiedades presentes en el objeto.

Sintaxis:

para (objeto varin)

Declaraciones
  • Aquí varilla se utiliza para almacenar un nombre de propiedad diferente en cada iteración.
  • El bucle se ejecuta a través de las propiedades del objeto especificado.
var empleado = fname: "John", lname: "Doe", edad: 20, id: 001, departamento: "salud y seguridad";
para (deje que el empleado en el empleado)

consola.log (prop);

¿Para qué es/del bucle??

El para/de Los bucles se utilizan para recorrer los valores de una matriz.

var nombres = ['John Smith', 'John Doe', 'Jane Doe'];
para (dejar valor de nombres)

consola.log (valor);

para/de Los bucles también se pueden usar para ejecutar a través de los valores de una cadena.

Conclusión

Los bucles se utilizan para escribir código conciso y eficiente. Eliminan la repetición del código. Son una parte fundamental de cualquier lenguaje de programación importante.

Como se mencionó anteriormente, para bucles, tome tres argumentos. El primer argumento/parámetro es el inicializador que establece la variable. El segundo argumento es la condición; El bucle continuará funcionando hasta que esa condición se vuelva falsa. El tercer y el último argumento se usa para modificar la variable que se estableció en el primer argumento. Todos estos tres argumentos son opcionales. Estos tres argumentos siempre deben especificarse a pesar de que son opcionales. No dar argumentos a un bucle puede crear un bucle infinito que pueda causar un programa de bloqueo. El para Los bucles generalmente se usan cuando el codificador sabe la cantidad de veces que se ejecutará el bucle.

En este cómo guiar, aprendimos a usar para bucles usando sintaxis de JavaScript. También hemos aprendido sobre /in y /de bucles.