Introducción a JavaScript Loops
- 1819
- 347
- Sr. Eduardo Menchaca
Hoy en día, JavaScript se puede definir fácilmente como el lenguaje de programación más utilizado del mundo: se utiliza en una variedad de plataformas, está integrado en los navegadores web y gracias a los Nodo.js tiempo de ejecución también se puede usar del lado del servidor. En este tutorial veremos los bucles que podemos usar en JavaScript moderno.
En este tutorial aprenderás:
- ¿Cuál es la sintaxis y cómo funciona el bucle?
- La sintaxis del bucle do/while y cómo funciona en JavaScript
- La sintaxis del bucle for y cómo funciona en JavaScript
- La sintaxis del bucle for/of loop y cómo funciona en JavaScript
- La sintaxis del bucle for/in y cómo funciona en JavaScript
Introducción a JavaScript Loops Requisitos y convenciones de software utilizados
| Categoría | Requisitos, convenciones o versión de software utilizada |
|---|---|
| Sistema | Independiente de la distribución |
| Software | Nodo.JS para usar JavaScript fuera de los navegadores web |
| Otro | Conocimientos básicos de JavaScript y programación orientada a objetos |
| Convenciones | # - requiere que los comandos de Linux dados se ejecuten con privilegios raíz directamente como un usuario raíz o mediante el uso de sudo dominiops - Requiere que los comandos de Linux dados se ejecuten como un usuario regular no privilegiado |
El bucle while
El mientras El bucle en JavaScript funciona como es de esperar y está acostumbrado en otros lenguajes de programación. Su sintaxis es la siguiente:
Declaración (condición) El cuerpo del bucle se ejecuta siempre que el condición, verificado en cada iteración, evalúa verdadero. Aquí hay un ejemplo de la mientras bucle en acción:
Sea contador = 0; mientras (contador < 5) console.log(counter); counter++; Durante la ejecución del bucle, obtenemos la siguiente salida:
0 1 2 3 4
Al final, el valor del encimera La variable será 5:
> Contador 5
El bucle do/while
El hacer/mientras La sintaxis del bucle es la siguiente:
hacer una declaración mientras (condición) Funciona de manera similar a la mientras bucle que acabamos de ver, con solo una diferencia. Demostrarlo con un ejemplo:
Sea contador = 5; hacer consola.log (contador) contador ++; mientras (contador < 5); Verifiquemos el valor del encimera variable después de ejecutar el bucle:
> contador 6
Inicialmente, asignamos un valor de 5 hacia encimera variable. Incluso si la condición de prueba del bucle se evalúa a FALSO (encimera < 5), el valor del encimera La variable se incrementa de 1, por lo que al final es 6. Eso es porque, en un hacer/mientras bucle, el cuerpo del bucle siempre se ejecuta al menos una vez y que se repite siempre que el condición evaluar verdadero.
El bucle para
El para El bucle es el bucle clásico de estilo C:
para ([inicialización]; [condición]; [final-expresión]) declaración El inicialización consiste, típicamente, en una declaración variable, evaluado una vez antes de que se ejecute el bucle. El condición se prueba antes de cada iteración del bucle; Si evalúa a verdadero el declaración es ejecutado. El expresión final La expresión, en cambio, se evalúa al final de cada iteración del bucle. Los tres bloques son opcional, y cada uno de ellos se puede omitir; Sin embargo, un uso típico del para El bucle es lo siguiente:
para (deja i = 0; yo < 5; i++) console.log(i) Usamos el dejar palabra clave para inicializar el i variable con un valor de 0, Entonces establecemos el condición, para que la declaración de bucle se ejecute siempre que el valor del i La variable es menor que 5. Finalmente, establecemos el expresión final para que el valor del i La variable se incrementa de una después de cada iteración de bucle. Si ejecutamos el código anterior, obtenemos el siguiente resultado:
0 1 2 3 4
El para/de bucle
El para/de El bucle ha sido introducido en JavaScript con ES6. Este tipo de bucle se puede usar en itreable objetos, como matrices (o objetos similares a la matriz como Nodo), instrumentos de cuerda, Mapa, Colocar. etc. Su sintaxis es la siguiente:
para (variable de iterable) declaración Suponiendo que tenemos la siguiente matriz:
const my_array = ['Bruce', 'John', 'Marta']; Podemos iterar sobre él usando el para/de bucle muy fácilmente:
para (déjelo de my_array) consola.log (i); El código anterior nos dará los siguientes resultados:
Bruce John Marta
Como se indicó anteriormente, el para/de El bucle también se puede usar en cadenas:
const sitio = "LinuxConfig.org "; para (const c de sitio) consola.log (c); El bucle iterará sobre cada carácter de la cadena, dando use el siguiente resultado:
l i n u x c o n f i g . O R G
El para/de el bucle funciona también en Mapa y Colocar objetos. Un objeto de mapa se puede describir como una especie de matriz donde los valores arbitrarios se pueden usar como claves en lugar de solo enteros. Para definir un objeto de mapa, podemos usar el constructor de la clase MAP y opcionalmente pasar una matriz que contiene matrices de dos elementos:
const my_map = nuevo mapa ([['nombre', 'Frodo'], ['raza', 'hobbit']]); Para iterar sobre el objeto de mapa, acabamos de crear usando el para/de bucle, escribiríamos:
para (const name_value_pair de my_map) consola.log (name_value_pair); Obtendríamos:
['Nombre', 'Frodo'] ['raza', 'hobbit'] A Colocar El objeto también se puede ver como una especie de variante de una matriz. La diferencia entre el objeto establecido y una matriz es que el primero no está indexado y no ordenado, y no puede contener valores duplicados. Para definir un objeto establecido, usamos el Colocar Constructor de clase:
const my_set = new Set (['Frodo', 1]); Para iterar sobre el set, escribimos:
para (constemento const de my_set) consola.log (elemento); Como era de esperar, obtendríamos el siguiente resultado:
Frodo 1
El para/de el bucle no se puede usar en objetos no iterables, tales como objetos "regulares". Lo que podemos hacer es iterar sobre la matriz de las teclas del objeto o la matriz de los valores correspondientes. Para obtener una matriz con todas las claves de un objeto, podemos usar el Objeto.llaves método, pasar nuestro objeto como argumento. Supongamos que tenemos el siguiente objeto:
Let personaje = nombre: 'Frodo', Race: 'Hobbit' Si intentamos usar el para/de Luce en él obtenemos un error:
para (const j de carácter) consola.log (j); TypeError types no mayor: el personaje no es itable Podríamos escribir el siguiente código para iterar sobre sus claves usando el para/de bucle:
para (la tecla const de objeto.llaves (personaje)) consola.log ('$ key is: $ caracteres [key]'); Obtendríamos el siguiente resultado:
Nombre es: Frodo Race es: Hobbit
Iterando directamente sobre los valores del objeto es igual de fácil: podemos usar el Objeto.valores método para obtener una matriz que contiene todos los valores asociados con las teclas de objeto:
para (const i de objeto.valores (carácter)) consola.log (i); Como es de esperar, la salida es:
Frodo Hobbit
El bucle for/in
El para/in el bucle en JavaScript itera sobre todo el enumerable Propiedades de un objeto utilizando un orden arbitrario. Funciona en las propiedades representadas por cadenas, por lo que se saltará Símbolo. La sintaxis del bucle es la siguiente:
Declaración (variable en objeto) Cuando se usa en matrices, iterará sobre los índices, por ejemplo, iterando sobre el my_array Array que definimos antes:
para (constante constante en my_array) consola.log (clave); producirá los siguientes resultados:
0 1 2
Aquí está cómo, usando el para/in bucle, podemos reescribir el código que usamos antes para iterar sobre lo no esiterable personaje propiedades del objeto:
para (constante constante en el personaje) consola.log ('$ key is: $ caracteres [key]'); Conclusiones
En este artículo vimos cuáles son los 5 bucles que podemos usar en JavaScript moderno, comenzando desde el mientras y el hacer/mientras bucles y proceder a examinar el para, para/de y para/in bucles y su sintaxis. Si está interesado en JavaScript como tema, puede echar un vistazo a nuestros artículos sobre funciones de flecha o funciones de orden superior.
Tutoriales de Linux relacionados:
- Mastering Bash Script Loops
- Bucles anidados en guiones Bash
- Una introducción a la automatización, herramientas y técnicas de Linux
- Cosas para instalar en Ubuntu 20.04
- ¿Con qué frecuencia tiene que reiniciar su servidor de Linux??
- Mint 20: Mejor que Ubuntu y Microsoft Windows?
- Archivos de configuración de Linux: los 30 principales más importantes
- Bash Loops con ejemplos
- Cosas que hacer después de instalar Ubuntu 20.04 fossa focal Linux
- Cómo instalar Kubernetes en Ubuntu 20.04 fossa focal Linux