anserran.dev

Sintaxis y control de flujo

Variables con const y let

Usa const para definir variables en TypeScript:

const productName = "Libro";
const price = 100;
const isDiscounted = true;

Usa let solo cuando el valor de la variable pueda cambiar:

let price = 100;
if (isDiscounted) {
  price = 80;
}

Operadores ariméticos

TypeScript ofrece los operadores clásicos de cualquier lenguaje de programación:

Operador Símbolo Ejemplo
Suma + taxes + basePrice
Resta - totalPrice - discount
Multiplicación * price * 0.5
División / price / 2
Módulo % price % 100
Exponente ** 10 ** 2
Incremento ++ count++
Decremento -- count--

Objetos

Puedes representar estructuras de datos a través de objetos:

const product = {
  name: "Libro",
  price: 15,
  promoCodes: ["50OFF"],
};

console.log(product.name);
// "Libro"
console.log(product["name"]);
// "Libro"

Listas (Arrays)

Puedes crear y manejar listas usando Arrays:

const promoCodes = ["50OFF", "SUMMERSALE"];

console.log(promoCodes[0]);
// "50OFF"
console.log(promoCodes[1]);
// "SUMMERSALE"
console.log(promoCodes[2]);
// undefined

promoCodes.push("WINTERSALE");
console.log(promoCodes[2]);
// "WINTERSALE"

Condiciones y operadores booleanos

Puedes expresar condiciones con una sintaxis similar a otros lenguajes:

let price = 100;

// Condición único
if (isDiscounted && price > 0) {
  price = 80;
}

// Condición con rama negativa por defecto
if (price === 0) {
  price = 10;
} else {
  price = 0;
}

// Condiciones alternativas
if (isDiscounted) {
  price = 80;
} else if (price > 1000) {
  price = 999.9;
}

// Condición con alternativas y rama negativa por defecto
if (isDiscounted) {
  price = 80;
} else if (price > 1000) {
  price = 999.9;
} else {
  price = 0;
}

Operadores de comparación

Puedes comparar valores y obtener un resultado booleano (true o false) con:

Operador Símbolo Ejemplo
Igualdad === price === 0
Desigualdad !== price !== 0
Mayor que > price > 0
Mayor o igual que >= price >= 0
Menor que < price < 0
Menor o igual que <= price <= 0

Operadores lógicos

Puedes comparar valores booleanos para con:

Operador Símbolo Ejemplo
Conjunción && isDiscounted && isFree
Disyunción || isDiscounted || isFree
Negación ! !isDiscounted

Switch

También puedes utilizar switch:

const color = "red";
let hexCode;
switch (color) {
  case "red":
    hexCode = "#ff0000";
    break;
  case "blue":
    hexCode = "#00ff00";
    break;
  case "green":
    hexCode = "#0000ff";
    break;
  default:
    // Opcional. Rama escogida si ningún case se cumple
    hexCode = "#000000";
    break;
}

Bucles

Bucle for

for (let i = 0; i < 100; i++) {
  console.log(i);
}

Bucle while

let i = 0;
while (i < 100) {
  console.log(i);
  i++;
}
Siguiente