Diferencias

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

--- informatica:programacion:javascript:estructuras_control [2024/02/06 12:35] – [switch] tempwin
+++ informatica:programacion:javascript:estructuras_control [2024/02/06 15:15] (actual) – [Bucles (iteración)] tempwin
@@ Línea 57: / Línea 57: @@
 <code javascript>
 ( condición ) ? ejecuta este código : ejecuta este código en su lugar
+</code>
+Ejemplo:
+<code javascript>
+let select = document.querySelector("select");
+let html = document.querySelector("html");
+document.body.style.padding = "10px";
+function update(bgColor, textColor) {
+  html.style.backgroundColor = bgColor;
+  html.style.color = textColor;
+}
+select.onchange = function () {
+  select.value === "black"
+    ? update("black", "white")
+    : update("white", "black");
+};
 </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>