001. Tipos de operadores en Javascript

En este capítulo veremos un concepto muy importante, el concepto de los operadores. Vamos a tener distintos tipos de operadores.

1. Operadores aritméticos

Encontraremos los siguientes operadores:

  • Suma: se utiliza el signo más (+).
  • Resta: se utiliza el signo menos (-).
  • Producto: se utiliza el símbolo de asterisco (*).
  • Cociente: se utiliza la barra inclinada (/).
  • Módulo: devuelve el resto o residuo de una división. Se utiliza el símbolo de porcentaje (%).
  • Agrupación: se utilizan los símbolos de paréntesis ().

Ejm

        let a = 5 + (5 - 10) * 3;
        console.log(a);

2. Operadores relacionales

Son los que permiten comparar ciertos valores, son los siguientes:

  • Mayor que: >
  • Menor que: <
  • Mayor o igual que: >=
  • Menor o igual que: <=
  • Igual en valor: ==
  • Idéntico en valor y tipo: === (la buena práctica es utilizar este tipo de comparación)
  • Distinto en valor: !=
  • Distinto en valor y tipo: !==

3. Operadores de incremento/decremento

Veamos un ejm para entender como funcionan.

Ejm

        let i = 1;

        // Una forma de expresar el incremento
        i = i+2;
        console.log(i);

        // Otra forma de expresar el incremento
        i += 3
        console.log(i);     

        i /= 3
        console.log(i);
       
        i *= 3
        console.log(i);

Hay 2 casos especiales, que es cuando vamos aumentando o disminuyendo un sólo valor por cada vez. Son los denominados operadores unarios. Veamos un ejm.

Ejm

        // Otra forma de expresar el incremento
        i += 3
        console.log(i);
       
        i /= 3
        console.log(i);
       
        i *= 3
        console.log(i);
       
        i = 2;
        i++;
        console.log(i);
       
        i = 2;
        i--;
        console.log(i);
       
        i = 2;
        ++i;
        console.log(i);
       
        i = 2;
        --i;
        console.log(i);

Este tipo de operador lo veremos más habitualmente después del nombre de la variable, porque hay una gran diferencia entre ponerlo antes del nombre de la variable y después. Cuando ponemos el operador unario antes de la variable y hacemos un console.log(), directamente le suma, mientras que si lo ponemos después, se lo sumaría la siguiente vez que hiciéramos un console.log(). Como recomendación, utilizar el operador unario después de la variable, ya que en tiempo de ejecución se podría generar algún error inesperado.

4. Operadores lógicos

Junto con los operadores relacionales, tomarán más poder en el siguiente capítulo de las estructuras condicionales. Vamos a tener 3 tipos de operadores lógicos.

  • Negación (Not): se usa el símbolo de exclamación (!).
  • El o: (||): cuando tengo dos o más condiciones, con que una se cumpla, devuelve true.
  • El y: (&&): cuando tengo dos o más condiciones, se tienen que cumplir todas para que devuelva true.

Veamos un ejm para entender los conceptos.

        console.log(!true); // Devuelve false
        console.log(!false); // Devuelve true
        console.log((9===9) || (8===9)); // Devuelve true
        console.log((9===9) && (8===9)); // Devuelve false
Scroll al inicio