Clase 7: Variables, tipos y estructuras de control

Variables, constantes, tipos de datos, estructuras selectivas y estructuras repetitivas

"Primero guardamos datos, luego tomamos decisiones y finalmente repetimos acciones cuando hace falta"

Introducción Variables Tipos de datos Selectivas Repetitivas Laboratorio Resumen Quiz

1) ¿Qué veremos en esta clase?

En esta clase vamos a trabajar con las bases que más se usan al comenzar con JavaScript: variables, constantes, tipos de datos, estructuras selectivas y estructuras repetitivas.

Estos conceptos permiten guardar información, tomar decisiones según una condición y repetir tareas sin escribir el mismo código una y otra vez.

let const string number boolean if / else switch for / while
La idea principal es simple: guardar información, evaluarla y repetir acciones cuando el problema lo requiera.

2) Variables y constantes

Una variable es un espacio en memoria que guarda un valor y puede cambiar. Una constante también guarda un valor, pero no debe reasignarse.

let

Se usa cuando el dato puede cambiar más adelante. Es ideal para contadores, edades o estados.

const

Se usa cuando el dato no debe cambiar. Es la opción recomendada por defecto en JavaScript moderno.

var

Es la forma antigua de declarar variables. Hoy se evita porque puede causar confusión con su alcance.

Regla práctica

Usa const primero y cambia a let solo si el valor realmente necesita modificarse.

Ejemplos reproducibles

const nombre = "Ana"; let edad = 16; let inscrito = true; console.log(nombre); console.log(edad); console.log(inscrito); edad = 17; console.log("Nueva edad:", edad);
Importante: si una variable se declara con const, no se puede reasignar. Si usas let, sí puedes cambiar su valor.

¿Cuándo conviene cada una?

3) Tipos de datos en JavaScript

Los tipos de datos indican qué clase de información almacena una variable. Los más básicos son: texto, número, verdadero/falso y valores especiales.

Tipo Ejemplo Descripción
string "Hola" Texto o cadena de caracteres.
number 25, 3.14 Números enteros o decimales.
boolean true, false Valores lógicos.
null null Indica ausencia intencional de valor.
undefined undefined Una variable declarada sin valor asignado.

Ejemplos reproducibles

const estudiante = "Carlos"; const notaFinal = 9.5; const aprobado = true; const sinDato = null; console.log(typeof estudiante); // string console.log(typeof notaFinal); // number console.log(typeof aprobado); // boolean console.log(sinDato); // null
Ojo: en JavaScript, los tipos pueden cambiar al operar con valores. Por eso conviene revisar bien el tipo antes de comparar o calcular.

Operaciones típicas

const a = 10; const b = 5; console.log(a + b); // 15 console.log(a - b); // 5 console.log(a * b); // 50 console.log(a / b); // 2

4) Estructuras selectivas

Las estructuras selectivas permiten que el programa tome decisiones. Dependiendo de una condición, se ejecuta una parte del código u otra.

if

Ejecuta un bloque solo si la condición se cumple.

if / else

Permite elegir entre dos caminos: verdadero o falso.

else if

Ayuda a revisar varias condiciones de forma ordenada.

switch

Sirve para comparar un valor con varias opciones posibles.

Ejemplo con if / else

const edad = 18; if (edad >= 18) { console.log("Puede votar"); } else { console.log("No puede votar todavía"); }

Ejemplo con else if

const nota = 7; if (nota >= 9) { console.log("Excelente"); } else if (nota >= 7) { console.log("Aprobado"); } else { console.log("Debe mejorar"); }

Ejemplo con switch

const dia = "lunes"; switch (dia) { case "lunes": console.log("Inicio de semana"); break; case "viernes": console.log("Casi descanso"); break; default: console.log("Día normal"); }
La clave en una estructura selectiva es escribir condiciones claras y pensar qué debe pasar en cada caso.

5) Estructuras repetitivas

Las estructuras repetitivas permiten ejecutar una acción varias veces. Son útiles cuando tenemos listas, conteos o tareas que se repiten.

for

Ideal cuando sabemos cuántas veces queremos repetir una acción.

while

Se repite mientras una condición siga siendo verdadera.

do...while

Ejecuta al menos una vez y luego evalúa la condición.

Uso común

Recorrer listas, sumar valores, buscar elementos o mostrar mensajes repetidos.

Ejemplo con for

for (let i = 1; i <= 5; i++) { console.log("Número:", i); }

Ejemplo con while

let contador = 1; while (contador <= 3) { console.log("Vuelta", contador); contador++; }

Ejemplo con do...while

let intento = 1; do { console.log("Intento", intento); intento++; } while (intento <= 2);
Si olvidas aumentar la variable de control en un while o for, puedes crear un ciclo infinito. Por eso conviene revisar siempre la condición.

6) Ejemplo

Este ejemplo une variables, tipos de datos, una condición y un ciclo en un solo bloque. Puedes copiarlo en la consola del navegador para practicar.

Código demostrativo

const estudiante = "Peter"; let nota = 8; const aprobacion = 7; console.log("Estudiante:", estudiante); console.log("Nota inicial:", nota); if (nota >= aprobacion) { console.log("Resultado: aprobado"); } else { console.log("Resultado: reprobado"); } for (let intento = 1; intento <= 3; intento++) { console.log("Repaso número", intento); }

En este código:

  • estudiante es un string.
  • nota y aprobacion son number.
  • La condición del if decide si el estudiante aprueba o no.
  • El for repite el mensaje de repaso tres veces.
Haz clic en un botón para ver una simulación de salida.

Ejercicios

  1. Cambia el valor de nota y observa cómo cambia el resultado.
  2. Sustituye el nombre del estudiante por el tuyo.
  3. Modifica el ciclo for para que repita 5, 10 o 20 veces.
  4. Escribe un nuevo if que evalúe si un número es positivo o negativo.

7) Resumen

Variables

Guardan información que puede cambiar durante la ejecución.

Constantes

Guardan valores que no deben reasignarse.

Tipos de datos

Nos dicen si trabajamos con texto, números, booleanos o valores especiales.

Estructuras de control

Nos ayudan a decidir y a repetir acciones de forma ordenada.

En programación, una buena solución casi siempre mezcla estas cuatro ideas: datos, condiciones, repeticiones y claridad.

8) Cuestionario de retroalimentación

Pregunta 1: ¿Cuál es la forma recomendada de declarar un valor que no debe cambiar?

Pregunta 2: ¿Qué tipo de dato representa "Hola"?

Pregunta 3: ¿Qué estructura sirve para tomar decisiones?

Pregunta 4: ¿Cuál estructura se usa para repetir una acción varias veces?

Pregunta 5: ¿Qué valor puede ser solo verdadero o falso?

Pregunta 6: ¿Qué hace un while?

Pregunta 7: ¿Qué tipo representa la ausencia intencional de valor?

Pregunta 8: ¿Qué estructura compara un valor con varias opciones?