sábado, 15 de diciembre de 2018

Operadores de JavaScript

Operadores de JavaScript

Tenemos operadores aritméticos, relacionares y lógicos.

Operación aritmética Operador en JS Ejemplo
Adición + 10 + 2 = 12
Sustracción - 10 - 2 = 8
Multiplicación * 10 * 2 = 20
División / 10 / 2 = 5
Potencia Math.pow()
**
Math.pow(10 , 2) = 100
10 ** 2 = 100
Raíz Math.sqrt() Math.sqrt(100) = 10
Residuo % 10 % 2 = 0
10 % 3 = 1
Parte entera Math.trunc() Math.trunc(10 / 3) = 3
Math.trunc(2.34) = 2


Uso de Incrementos ++ y decrementos --

Si el operador va antes de la variable, primero se realiza esa operación. Si el operador va despues, la operación se ejecuta al final.


Operación En JS Resultados
Incrementos ++
let x = 10;
alert("++x = " + ++x);
alert("x = " + x);
let x = 10;
alert("x++ = " + x++);
alert("x = " + x);
++x = 11
x = 11


x++ = 10
x = 11
Decrementos --
let x = 10;
alert("--x = " + --x);
alert("x = " + x);
let x = 10;
alert("x-- = " + x--);
alert("x = " + x);
--x = 9
x = 9


x-- = 10
x = 9



Operador Operador en JS Ejemplo
Conjunción ( y ) && true && true = true
true && false= false
false && true = false
false && false= false
Disyunción ( o ) || true || true = true
true || false= true
false || true = true
false && false= false
Negación ( no ) ! !true = false
!false = true


Además, JS nos permite realizar comparaciones

Operador Operador en JS Ejemplo Resultado
Mayor > 12 > 10 "true"
20 > 30 "false"
Mayor o igual >= 12 >= 12 "true"
12 >= 10 "true"
Menor < 2 < 10 "true"
12 < 10 "false"
Menor o igual <= 2 <= 10 "true"
10 <= 10 "true"
Igual (valor) == "hola" == "hola" "true"
2 == "2" "true"
12 == 10 "false"
Idéntico (valor y tipo) === "hola" === "hola" "true"
1 === 1 "true"
1 === "1" "false"
Diferente <> 12 <> 10 "true"
12 <> 12 "false"

Estos operadores (lógicos y de comparación) son especialmente empleados en las estructuras condicionales y algunas repetitivas


Uso de asignación += -=

Permiten simplificar operaciones aritméticas en las que una variable cambia su valor al operarla por un valor y este nuevo resultado se almacena en la misma variable. Ejemplo de JS embedido en HTML

<script type="text/javascript">
   let a, b, c;
   a = b = c = 10;

   a *= 3; // Equivalencia a = a*3
   b += a; // Equivalencia b = b+a
   c -= 2; // Equivalencia c = c-2 
</script>





No hay comentarios:

Publicar un comentario