Operadores

Los operadores son símbolos que permiten realizar operaciones con los valores almacenados en las variables.

Gracias a ellos podemos sumar números, comparar valores, comprobar condiciones o modificar el contenido de una variable.

Por ejemplo, para sumar dos números utilizamos el operador +.

let precio = 15;
let envio = 5;

let total = precio + envio;

console.log(total);

Resultado:

20

JavaScript dispone de muchos operadores, pero en este curso nos centraremos en los más utilizados.

• Operadores aritméticos.
• Operadores de asignación.
• Operadores de comparación.
• Operadores lógicos.

---

Operadores aritméticos

Los operadores aritméticos permiten realizar operaciones matemáticas.

Operador	Descripción	Ejemplo
+	Suma	5 + 3
-	Resta	5 - 3
*	Multiplicación	5 * 3
/	División	10 / 2
%	Resto de una división	10 % 3
**	Potencia	2 ** 3

---

Suma (+)

Suma dos números.

let resultado = 10 + 5;

console.log(resultado);

Resultado:

15

Recuerda que si uno de los valores es un texto, el operador + concatena ambos valores.

"10" + 5

Resultado:

105

---

Resta (-)

Resta un número a otro.

let resultado = 20 - 7;

console.log(resultado);

Resultado:

13

---

Multiplicación (*)

Multiplica dos números.

let resultado = 8 * 6;

console.log(resultado);

Resultado:

48

---

División (/)

Divide un número entre otro.

let resultado = 30 / 5;

console.log(resultado);

Resultado:

6

---

Resto (%)

El operador módulo (%) devuelve el resto de una división.

let resultado = 10 % 3;

console.log(resultado);

Resultado:

1

Este operador es muy útil para comprobar si un número es par o impar, ya que se usa para responder a la pregunta "es dividible por...".

let numero = 8;

console.log(numero % 2);

Resultado:

0

Si el resto es 0, el número es divisible entre 2.

---

Potencia (**)

Permite elevar un número a una potencia.

let resultado = 2 ** 4;

console.log(resultado);

Resultado:

16

Es equivalente a:

2 × 2 × 2 × 2

---

Operadores de asignación

Los operadores de asignación sirven para guardar un valor en una variable o modificar el que ya tiene.

Asignación (=)

Es el operador que hemos utilizado desde el principio del curso.

let edad = 20;

El valor 20 se asigna a la variable edad.

---

Suma y asignación (+=)

Añade un valor a la variable, es decir, la incrementa.

let puntos = 10;

puntos += 5; // sería como hacer puntos = puntos + 5

console.log(puntos);

Resultado:

15

Es equivalente a escribir:

puntos = puntos + 5;

---

Resta y asignación (-=)

Funciona igual que el += pero con la resta.

let vidas = 3;

vidas -= 1;

console.log(vidas);

Resultado:

2

Equivale a:

vidas = vidas - 1;

---

Multiplicación y asignación (*=)

let numero = 5;

numero *= 4;

console.log(numero);

Resultado:

20

---

División y asignación (/=)

let numero = 20;

numero /= 5;

console.log(numero);

Resultado:

4

---

Incremento y decremento

JavaScript dispone de dos operadores muy utilizados para aumentar o disminuir una unidad el valor de una variable.

Incremento (++)

let contador = 0;

contador++;

console.log(contador);

Resultado:

1

Es equivalente a:

contador = contador + 1;

---

Decremento (--)

let vidas = 5;

vidas--;

console.log(vidas);

Resultado:

4

Equivale a:

vidas = vidas - 1;

Estos operadores se utilizan con frecuencia en bucles y contadores.

---

Operadores de comparación

Los operadores de comparación permiten comparar dos valores.

El resultado siempre será un valor booleano:

• true: es cierta la comparación planteada
• false: no es cierta la comparación planteada

Estos operadores se usaran sobretodo más adelante cuando veamos Conficionales.

---

Igual que (==)

Comprueba si dos valores son iguales.

5 == 5 // ¿es el 5 igual a el 5?

Resultado:

true

5 == 8 // ¿es el 5 igual a el 8?

Resultado:

false

---

Igual estricto (===)

Además de comparar el valor, también compara el tipo de dato.

5 === 5

Resultado:

true

5 === "5"

Resultado:

false

Aunque ambos representan el número cinco, uno es un número y el otro un texto.

Consejo: En JavaScript moderno es recomendable utilizar siempre === en lugar de ==.

---

Distinto (!=)

Comprueba si dos valores son diferentes.

5 != 8 // ¿es el 5 diferente que el 8?

Resultado:

true

---

Distinto estricto (!==)

Compara tanto el valor como el tipo.

5 !== "5"

Resultado:

true

---

Mayor que (>)

10 > 4

Resultado:

true

---

Menor que (<)

8 < 3

Resultado:

false

---

Mayor o igual (>=)

18 >= 18

Resultado:

true

---

Menor o igual (<=)

12 <= 5

Resultado:

false

---

Operadores lógicos

Los operadores lógicos permiten combinar varias condiciones.

Trabajan también con valores booleanos (true y false).

AND (&&)

Solo devuelve true cuando las dos condiciones son verdaderas. En cualquier otro caso devuelve false.

let edad = 20;
let tieneCarnet = true;

console.log(edad >= 18 && tieneCarnet); // ¿ la edad es mayor que 18 Y tiene carnet?

Resultado:

true

---

OR (||)

Devuelve true cuando al menos una condición es verdadera.

let esFinDeSemana = false;
let esFestivo = true;

console.log(esFinDeSemana || esFestivo); // ¿es fin de semana o es festivo? Con que se cumpla una ya devuelve true

Resultado:

true

---

NOT (!)

Invierte el valor de un booleano.

let conectado = true;

console.log(!conectado); // es como decir NO está conectado

Resultado:

false

---

Resumen

Los operadores permiten trabajar con los datos almacenados en nuestras variables.

Los más importantes son:

Tipo	Se utilizan para...
Aritméticos	Realizar cálculos.
Asignación	Modificar variables.
Comparación	Comparar valores.
Lógicos	Combinar condiciones.

A medida que avancemos en el curso utilizaremos estos operadores constantemente para construir programas cada vez más complejos.

---

Ejercicios

Ejercicio 1

Calcula el resultado de las siguientes expresiones.

8 + 4

20 - 7

6 * 5

30 / 6

15 % 4

2 ** 5

---

Ejercicio 2

¿Qué valor tendá la variable numero al final del código?

let numero = 10;

numero += 8;

numero *= 2;

numero -= 6;

---

Ejercicio 3

¿Qué mostrará por pantalla?

let contador = 5;

contador++;

contador++;

contador--;

console.log(contador);

---

Ejercicio 4

Indica si el resultado será true o false.

10 > 5

8 <= 4

20 === 20

15 !== "15"

9 == "9"

---

Ejercicio 5

¿Qué mostrará cada expresión?

true && true

true && false

false || true

false || false

!true

!false

---

Ejercicio 6

Crea un programa que almacene dos números en variables y muestre:

• Su suma.
• Su resta.
• Su multiplicación.
• Su división.
• El resto de la división.

---

Ejercicio 7

Una persona puede conducir si:

• Tiene 18 años o más.
• Tiene carnet de conducir.

Crea una variable para cada dato (edad y carnet) y otra variable que muestre la compración enunciada (más de 18 y con carnet).