Apuntes sobre Javascript

JavaScript lo resuelve todo... eventualmente.

¿Qué son los operadores y las expresiones?

  • Operadores: Son símbolos que realizan operaciones sobre valores. Por ejemplo, el símbolo + suma dos números o concatena dos cadenas.
  • Expresiones: Son combinaciones de valores, variables y operadores que producen un resultado. Por ejemplo, 5 + 3 es una expresión que da como resultado 8.

En esta lección, cubriremos los operadores más comunes: aritméticos, de asignación, de comparación y lógicos.

1. Operadores Aritméticos

Estos operadores se usan para realizar cálculos matemáticos.

Operador Descripción Ejemplo
+ Suma 5 + 3 → 8
- Resta 5 - 3 → 2
* Multiplicación 5 * 3 → 15
/ División 6 / 2 → 3
% Módulo (resto) 7 % 2 → 1
** Exponenciación 2 ** 3 → 8 (2³)

Ejemplo práctico:

let a = 10;
let b = 3;

console.log(a + b); // Imprime: 13
console.log(a - b); // Imprime: 7
console.log(a * b); // Imprime: 30
console.log(a / b); // Imprime: 3.333...
console.log(a % b); // Imprime: 1 (resto de 10 ÷ 3)
console.log(a ** 2); // Imprime: 100 (10²)

Nota: El operador + también concatena cadenas:

let nombre = "Ana";
let saludo = "Hola, " + nombre;
console.log(saludo); // Imprime: Hola, Ana

2. Operadores de Asignación

Los operadores de asignación se usan para asignar valores a variables. El más común es =, pero hay otros que combinan operaciones aritméticas con asignación.

Operador Descripción Ejemplo
= Asigna un valor let x = 5 → x es 5
+= Suma y asigna x += 3 → x es 8
-= Resta y asigna x -= 2 → x es 6
*= Multiplica y asigna x *= 2 → x es 12
/= Divide y asigna x /= 3 → x es 4

Ejemplo práctico:

let puntos = 10;
puntos += 5; // Equivale a: puntos = puntos + 5
console.log(puntos); // Imprime: 15

puntos *= 2; // Equivale a: puntos = puntos * 2
console.log(puntos); // Imprime: 30

3. Operadores de Comparación

Estos operadores comparan dos valores y devuelven true o false. Son esenciales para tomar decisiones en tu código (lo veremos más en la próxima lección).

Operador Descripción Ejemplo
== Igualdad (compara valores) 5 == "5" → true
=== Igualdad estricta (compara valor y tipo) 5 === "5" → false
!= Desigualdad 5 != 3 → true
!== Desigualdad estricta 5 !== "5" → true
> Mayor que 5 > 3 → true
< Menor que 5 < 3 → false
>= Mayor o igual que 5 >= 5 → true
<= Menor o igual que 3 <= 5 → true

Ejemplo práctico:

let edad = 18;

console.log(edad > 16); // Imprime: true
console.log(edad === "18"); // Imprime: false (diferente tipo)
console.log(edad == "18"); // Imprime: true (compara solo valor)
console.log(edad !== 20); // Imprime: true

Buena práctica: Usa === y !== en lugar de == y != para evitar errores relacionados con tipos de datos.

4. Operadores Lógicos

Los operadores lógicos combinan expresiones booleanas (true o false) para crear condiciones más complejas.

Operador Descripción Ejemplo
&& AND (y) - Verdadero si ambos son verdaderos true && false → false
|| OR (o) - Verdadero si al menos uno es verdadero true || false → true
! NOT (no) - Invierte el valor !true → false

Ejemplo práctico:

let tieneCarnet = true;
let esMayor = false;

console.log(tieneCarnet && esMayor); // Imprime: false (ambos deben ser true)
console.log(tieneCarnet || esMayor); // Imprime: true (al menos uno es true)
console.log(!tieneCarnet); // Imprime: false (invierte true a false)

Precedencia de Operadores

Los operadores tienen un orden de prioridad, como en matemáticas. Por ejemplo, * y / se evalúan antes que + y -. Puedes usar paréntesis () para controlar el orden.

Ejemplo:

let resultado = 5 + 3 * 2; // 3 * 2 = 6, luego 5 + 6
console.log(resultado); // Imprime: 11

let resultadoConParentesis = (5 + 3) * 2; // 5 + 3 = 8, luego 8 * 2
console.log(resultadoConParentesis); // Imprime: 16

Consejo: Cuando dudes, usa paréntesis para hacer tu código más claro.

Para la Próxima Lección

En la Lección 4, aprenderemos sobre estructuras de control: condicionales (if, else, switch). Estas permiten tomar decisiones en tu código, como mostrar un mensaje diferente según la edad de una persona.

TOP