ES6 | Operadores

Posted on by Rudeus Greyrat

Una expresión es un tipo especial de declaración que se evalúa como un valor. Toda expresión consta de 
 

  • Operandos: Representa los datos.
  • Operador: que realiza ciertas operaciones sobre los operandos.

Considere la siguiente expresión: 2/3 , en la expresión, 2 y 3 son operandos y el símbolo / es el operador.
JavaScript admite los siguientes tipos de operadores: 
 

  • Operadores aritméticos
  • Operadores relacionales
  • Operadores logicos
  • Operadores bit a bit
  • Operadores de Asignación
  • Operadores de tipo
  • Operadores misceláneos

Operadores aritméticos: como sabemos, estos son los operadores matemáticos básicos disponibles en JavaScript ES6.
 

Operador Función
suma (+) Devuelve la suma de los operandos.
Sustracción(-) Devuelve la diferencia de los valores.
Multiplicación(*) Devuelve el producto de los valores.
División(/) Realiza la división y devuelve el cociente.
Módulo(%) Realiza la división y devuelve el resto.
Incremento(++) Aumenta el valor de la variable en uno.
Decremento(- -) Disminuye el valor de la variable en uno.

Ejemplo: 
 

javascript

<script>
    var num1 = 10.5
    var num2 = 2.5
 
    document.write("Sum : " + (num1 + num2) + "<br>");
 
    document.write("Difference : " + (num1 - num2) + "<br>")
 
    document.write("Product : " + num1 * num2 + "<br>")
 
    document.write("Quotient : " + num1 / num2 + "<br>")
 
    document.write("Remainder : " + num1 % num2 + "<br>")
         
    // pre-increment
    document.write("Value of num1 after pre-increment : "
                + (++num1) + "<br>")
         
    // post-increment
    document.write("Value of num1 after post-increment : "
                + (num1++) + "<br>")
         
    // pre-decrement
    document.write("Value of num2 after pre-decrement : "
                + (--num2) + "<br>")
         
    // post-decrement
    document.write("Value of num2 after post-decrement : "
                + (num2--) + "<br>")
</script>

Producción: 
 

Sum : 13
Difference : 8
Product : 26.25
Quotient : 4.2
Remainder : 0.5
Value of num1 after pre-increment : 11.5
Value of num1 after post-increment : 11.5
Value of num2 after pre-decrement : 1.5
Value of num2 after post-decrement : 1.5

Operadores relacionales: un operador que compara dos valores. Los operadores relacionales a veces se denominan operadores de comparación.
 

Operador Función
> Devuelve verdadero si el operando izquierdo es mayor que el derecho, de lo contrario, falso.
< Devuelve verdadero si el operando izquierdo es menor que el derecho, de lo contrario, falso.
>= Devuelve verdadero si el operando de la izquierda es mayor o igual que el de la derecha, de lo contrario, es falso.
<= Devuelve verdadero si el operando de la izquierda es menor o igual que el de la derecha, de lo contrario, es falso.
== Devuelve verdadero si ambos operandos son iguales, de lo contrario, falso./td>
== Devuelve verdadero si ambos operandos son iguales, de lo contrario, es falso.
!= Devuelve verdadero si ambos operandos no son iguales, de lo contrario, es falso.

Ejemplo: 
 

javascript

<script>
    document.write("11>12 : " + (11 > 12) + "<br>");
 
    document.write("11<12 : " + (11 < 12) + "<br>")
 
    document.write("12>=11 : " + (12 >= 11) + "<br>")
 
    document.write("12<=12 : " + (12 <= 12) + "<br>")
 
    document.write("11==11 : " + (11 == 11) + "<br>")
 
    document.write("11!=11 : " + (11 != 11) + "<br>")
</script>

Producción: 
 

11>12 : false
11=11 : true
12<=12 : true
11==11 : true
11!=11 : false

Operadores lógicos: Los operadores lógicos se utilizan para combinar dos o más declaraciones relacionales.
 

Operador Función
Y(&&) Devuelve verdadero si todas las declaraciones relacionales combinadas con && son verdaderas, de lo contrario, falsa.
o (||) Devuelve verdadero si al menos una de las declaraciones relacionales se combina con || es verdadero, de lo contrario falso.<
! Devuelve el inverso del resultado de la sentencia relacional.

Ejemplo: 
 

javascript

<script>
     
    // Returns true as every statement is true.
    document.write("13>12 && 12>11 && 9==9 : "
        + (13 > 12 && 12 > 11 && 9 == 9) + "<br>");
     
    // Returns false as 11>12 is false.
    document.write("11>12 && 12>11 && 9==9 : "
        + (11 > 12 && 12 > 11 && 9 == 9) + "<br>")
         
    // As one true statement is enough to return.
    document.write("11>12 || 12>11 || 9==9 : "
        + (11 > 12 || 12 > 11 || 9 == 9) + "<br>")
         
    // Returns false as 11>12 is not true.
        document.write("11>12 && (12>11 || 9==9) : "
        + (11 > 12 && (12 > 11 || 9 == 9)) + "<br>")
</script>            

Producción: 
 

13>12 && 12>11 && 9==9 : true
11>12 && 12>11 && 9==9 : false
11>12 || 12>11 || 9==9 : true
11>12 && (12>11 || 9==9) : false

Operadores bit a bit: un operador bit a bit es un operador que se utiliza para realizar operaciones bit a bit en patrones de bits o números binarios que involucran la manipulación de bits individuales. 

Operador Función
Bit a bit AND(&) Compara cada bit del primer operando con el bit correspondiente del segundo operando. Si ambos bits son 0, el bit de resultado correspondiente se establece en 0, de lo contrario, 1.
O bit a bit (|) Compara cada bit del primer operando con el bit correspondiente del segundo operando. Si ambos bits son 1, el bit de resultado correspondiente se establece en 1, de lo contrario, 0.
Bit a bit XOR(^) Invierte los bits de su operando correspondiente
Desplazamiento a la izquierda (<<) Desplazará el número ‘n’ de bits hacia el lado izquierdo, y n bits con el valor 0 se llenarán en el lado derecho. Ejemplo: x=2, t=4, x<<t, para una fácil evaluación que realiza  x*(2^n)=2*(2^4) .
Desplazamiento a la derecha (>>) Desplazará el número ‘n’ de bits al lado derecho, y los ‘n’ bits con el valor 0 se rellenarán en el lado izquierdo. Ejemplo: x=2, t=4, x>>t, para una fácil evaluación realiza  t/(2^n)=2/(2^4) .
Desplazamiento a la derecha de relleno cero Desplaza a en representación binaria b (< 32) bits a la derecha, descartando bits desplazados y desplazando ceros desde la izquierda

Ejemplo: 
 

javascript

<script>
    document.write("2&3 : " + (2 & 3) + "<br>");
    document.write("2|3 : " + (2 | 3) + "<br>");
    document.write("2^3 : " + (2 ^ 3) + "<br>");
    document.write("~4 : " + (~4) + "<br>");
    document.write("2<<3 : " + (2 << 3) + "<br>");
    document.write("2>>3 : " + (2 >> 3) + "<br>");
</script>

Producción: 
 

2&3 : 2
2|3 : 3
2^3 : 1
~4 : -5
2<>3 : 0

Operadores de Asignación: Un operador de asignación es el operador que se utiliza para asignar un nuevo valor a la variable, propiedad, evento o elemento indexador.
 

Operador Función
Asignación simple (=) Asigna el valor del operando derecho al operando izquierdo.
Agregar y asignación (+=) Suma el operando derecho al operando izquierdo y asigna el resultado al operando izquierdo.
Restar y asignación (-=) Resta el operando derecho del operando izquierdo y asigna el resultado al operando izquierdo.
Multiplicar y Asignar(*=) Multiplica el operando derecho con el operando izquierdo y asigna el resultado al operando izquierdo.
Dividir y Asignar(/=) Divide el operando izquierdo con el operando derecho y asigna el resultado al operando izquierdo.

Ejemplo: 
 

javascript

<script>
    var a = 12;
    var b = 10;
    a = b;
    document.write("a = b : " + a + "<br>");
     
    a += b;
    document.write("a += b : " + a + "<br>")
     
    a -= b;
    document.write("a -= b : " + a + "<br>")
     
    a *= b;
    document.write("a *= b : " + a + "<br>")
     
    a /= b;
    document.write("a /= b : " + a + "<br>")
</script>

Producción: 
 

a = b : 10
a += b : 20
a -= b : 10
a *= b : 100
a /= b : 10

Operadores de tipo: Es un operador unario. Este operador devuelve el tipo de datos del operando. 
Sintaxis: 
 

typeof(operand)

Ejemplo: 
 

javascript

<script>
    var a = 12;
    var b = "Geeks";
    var b = "Geeks";
    var c = true;
    var d = String;
 
    document.write("a is " + typeof(a) + "<br>");
 
    document.write("b is " + typeof(b) + "<br>")
    document.write("c is : " + typeof(c) + "<br>")
    document.write("d is : " + typeof(d) + "<br>")
</script>

Producción: 
 

a is number
b is string
c is : boolean
d is : function

Operadores misceláneos: estos son los operadores que hacen diferentes operadores cuando se usan en diferentes tipos de ocasiones.
 

Operador Función
Operador de negación (-) Cambia el signo de un valor.
Operador de concatenación (+) +, cuando se aplica a strings, las agrega.
Operador condicional (?) Se puede utilizar como operador ternario.

Ejemplo: 
 

javascript

<script>
    var a = "GeeksforGeeks=>";
    var b = "A Computer science portal.";
    var c = true;
    var d = 9;
 
    // Concatenation
    document.write("a+b : " + a + b + "<br>");
 
    // Ternary Operator
    var c = 2 > 3 ? "yes is 2>3" : "No, It is not."
    document.write("2>3 :" + c + "<br>")
 
    // Negation
    d = -d;
    document.write("d = -d : " + d + "<br>")
</script>

Producción: 
 

a+b : GeeksforGeeks=>A Computer science portal.
2>3 :No, It is not.
d = -d : -9

Publicación traducida automáticamente

Artículo escrito por Tejashwi5 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *