TypeScript
Tutorial TypeScript: Control de flujo
TypeScript control de flujo: estructuras. Aprende a manejar estructuras de control de flujo en TypeScript con ejemplos prácticos y detallados.
Aprende TypeScript GRATIS y certifícateEl control de flujo en TypeScript, como en cualquier otro lenguaje de programación, permite gestionar la forma en que el código se ejecuta en tiempo de ejecución. Permite decidir qué bloques de código se deben ejecutar o repetir en base a ciertas condiciones. Los principales elementos de control de flujo en TypeScript incluyen if
, switch
, for
, while
, y do...while
.
Declaración if
La declaración if
es quizás la más básica de las estructuras de control de flujo. Se utiliza para ejecutar un bloque de código si una condición especificada es verdadera.
let numero = 10;
if (numero > 0) {
console.log("El número es positivo.");
}
En este ejemplo, si el valor de numero
es mayor que 0, se imprimirá en la consola "El número es positivo."
Declaración if...else
La declaración if...else
se utiliza para ejecutar un bloque de código si una condición especificada es verdadera y otro bloque de código si la misma condición es falsa.
let numero = -10;
if (numero > 0) {
console.log("El número es positivo.");
} else {
console.log("El número es negativo o cero.");
}
En este caso, dado que el valor de numero
no es mayor que 0, se imprimirá en la consola "El número es negativo o cero."
Es posible anidar varios if...else
let numero = 0;
if (numero > 0) {
console.log("El número es positivo.");
} else if (numero < 0) {
console.log("El número es negativo.");
} else {
console.log("El número es cero.");
}
En este caso no se cumple niguna de las dos condiciones, y por tanto se imprimirá "El número es cero".
Declaración switch
La declaración switch
se utiliza para realizar diferentes acciones basadas en diferentes condiciones. Puede ser una alternativa a la declaración if...else
cuando hay muchas condiciones a considerar.
let fruta = "manzana";
switch (fruta) {
case "manzana":
console.log("La fruta es una manzana.");
break;
case "plátano":
console.log("La fruta es un plátano.");
break;
default: // Caso por defecto si no se cumple ninguno de los demás
console.log("No se reconoce la fruta.");
}
Aquí, según el valor de fruta
, se imprimirá un mensaje correspondiente en la consola. La sentencia break
se utiliza para prevenir que el código salte al siguiente case
después de que un case
se cumpla.
Bucles
Bucle for
El bucle for
es una estructura de control que se utiliza para repetir un bloque de código un número específico de veces. La estructura básica de un bucle for
incluye una variable de inicialización, una condición de continuación y una expresión final (generalmente un incremento o decremento), todas ellas separadas por punto y coma (;
). Cada vez que se ejecuta el ciclo, la condición se evalúa y, si es verdadera, el bloque de código dentro del ciclo se ejecuta. Aquí hay un ejemplo:
for (let i = 0; i < 5; i++) {
console.log(i);
}
Este bucle imprimirá los números del 0 al 4 en la consola.
Bucle while
El bucle while
es otra estructura de control de flujo que se utiliza para repetir un bloque de código mientras una condición especificada es verdadera.
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
Al igual que el bucle for
, este bucle while
también imprimirá los números del 0 al 4 en la consola.
Bucle do...while
El bucle do...while
es similar al bucle while
, pero con una diferencia clave: el bloque de código se ejecuta al menos una vez antes de que se evalúe la condición.
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
Al igual que los bucles for
y while
, este bucle do...while
imprimirá los números del 0 al 4 en la consola.
Este bucle siempre se ejecutará al menos una vez, antes de evaluar la condición.
let i = 10;
do {
console.log(i);
i++;
} while (i < 0);
En este ejemplo, aunque la condición i < 0
no se cumple ni siquiera en la primera iteración, aun así se ejecutará una vez, imprimiendo 10
por consola.
En resumen, estas estructuras de control de flujo son fundamentales en TypeScript y en cualquier lenguaje de programación, ya que permiten a los programadores controlar cómo y cuándo se ejecuta su código.
Ejercicios de esta lección Control de flujo
Evalúa tus conocimientos de esta lección Control de flujo con nuestros retos de programación de tipo Test, Puzzle, Código y Proyecto con VSCode, guiados por IA.
Funciones
Funciones de primera clase
Tipos de utilidad
Clases
OOP y CRUD en TypeScript
Tipos literales
Namespaces
Módulos
Funciones TypeScript
Encapsulación
Interfaces
Funciones puras
Variables y constantes
Funciones flecha
Funciones puras
Control de flujo
Resolución de módulos
Control de flujo
Polimorfismo
Operadores
Funciones flecha
Herencia
Clases y objetos
Clases
Operadores
Encapsulación
Herencia
Funciones
Tipos de unión e intersección
Funciones de alto orden
Inmutabilidad
Interfaces
Funciones de alto orden
Tipos de unión e intersección
Tipos genéricos
Control de flujo
Polimorfismo
Interfaces
Tipos literales
Tipos de utilidad
Tipos genéricos
Inmutabilidad
Herencia de clases
Variables y constantes
Variables y constantes
Funciones de primera clase
Introducción a TypeScript
Todas las lecciones de TypeScript
Accede a todas las lecciones de TypeScript y aprende con ejemplos prácticos de código y ejercicios de programación con IDE web sin instalar nada.
Introducción A Typescript
Introducción Y Entorno
Variables Y Constantes
Sintaxis
Operadores
Sintaxis
Control De Flujo
Sintaxis
Funciones
Sintaxis
Funciones Flecha
Sintaxis
Clases Y Objetos
Programación Orientada A Objetos
Interfaces
Programación Orientada A Objetos
Encapsulación
Programación Orientada A Objetos
Herencia
Programación Orientada A Objetos
Polimorfismo
Programación Orientada A Objetos
Inmutabilidad
Programación Funcional
Funciones Puras
Programación Funcional
Funciones De Primera Clase
Programación Funcional
Funciones De Alto Orden
Programación Funcional
Tipos Literales
Tipos De Datos Avanzados
Tipos Genéricos
Tipos De Datos Avanzados
Tipos De Unión E Intersección
Tipos De Datos Avanzados
Tipos De Utilidad
Tipos De Datos Avanzados
Módulos
Namespaces Y Módulos
Namespaces
Namespaces Y Módulos
Resolución De Módulos
Namespaces Y Módulos
Certificados de superación de TypeScript
Supera todos los ejercicios de programación del curso de TypeScript y obtén certificados de superación para mejorar tu currículum y tu empleabilidad.
En esta lección
Objetivos de aprendizaje de esta lección
- Comprender cómo usar la declaración
if
para ejecutar código basado en condiciones. - Aprender a utilizar la declaración
if...else
para ejecutar diferentes bloques de código según una condición. - Conocer la estructura de la declaración
switch
para ejecutar diferentes acciones en base a distintas condiciones. - Entender cómo funcionan los bucles
for
,while
ydo...while
para repetir código un número específico de veces o hasta que se cumpla una condición. - Saber cómo utilizar el bucle
for
para iterar sobre una secuencia de valores. - Conocer la diferencia entre el bucle
while
y el bucledo...while
.