Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:programacion:javascript:estructuras_control [2024/02/06 12:36] – [Operador ternario] tempwin
+++ informatica:programacion:javascript:estructuras_control [2024/02/06 15:15] (actual) – [Bucles (iteración)] tempwin
@@ Línea 62: / Línea 62: @@
 <code javascript>
-et select = document.querySelector("select");
+let select = document.querySelector("select");
 let html = document.querySelector("html");
 document.body.style.padding = "10px";
@@ Línea 78: / Línea 78: @@
 </code>
 ===== Bucles (iteración) =====
+==== for ====
+Sintaxis básica:
+<code javascript>
+for (inicializador; condición; expresión-final) {
+  // código a ejecutar
+}
+</code>
+Para recorrer colecciones/arrays, empleamos otra sintaxis:
+<code javascript>
+const cats = ["Leopardo", "Serval", "Jaguar", "Tigre", "Caracal", "León"];
+for (const cat of cats) {
+  console.log(cat);
+}
+</code>
+==== while ====
+<code javascript>
+inicializador
+while(condición) {
+  // código a ejecutar
+  expresión-final
+}
+</code>
+==== do...while ====
+A diferencia del ''while'' normal, en el ''do...while'' el código que hay en el bucle se ejecuta al menos una vez:
+<code javasscript>
+inicializador
+do {
+  // código a ejecutar
+  expresión-final
+} while (condición)
+</code>