Parte 4: Operadores

4.1 Operadores Javascript I

Qué es un operador y para qué sirve. Operadores aritméticos y de asignación.

En cualquier lenguaje se utilizan los operadores, que sirven para hacer los cálculos y operaciones necesarios para llevar a cabo tus objetivos.

4.1.1 Ejemplos de uso de operadores

miVariable = 23 * 5

En el ejemplo anterior, el operador * se utiliza para realizar una multiplicación y el operador = se utiliza para asignar el resultado en una variable, de modo que guardemos el valor para su posterior uso. 

Los operadores se pueden clasificar según el tipo de acciones que realizan.

4.1.2 Operadores aritméticos

Son los utilizados para la realización de operaciones matemáticas:

• + Suma
• - Resta (también para cambiar el signo)
• * Multiplicación
• / División
• % El resto de la división de dos números
• ++ Incremento en una unidad y -- Decremento en una unidad (se utiliza con un solo operando)

Ejemplo:

precio = 128 //introduzco un 128 en la variable precio

unidades = 10 //otra asignación

factura = precio * unidades //multiplico precio por unidades, obtengo el valor factura 

resto = factura % 3 //obtengo el resto de dividir la variable factura por 3 

precio++ //incrementa en una unidad el precio (ahora vale 129)

4.1.3 Operadores de asignación

• = Asignación.
• = Asignación. Asigna la parte de la derecha del igual a la parte de la izquierda. A la derecha se colocan los valores finales y a la izquierda generalmente se coloca una variable donde queremos guardar el dato. 
• += Asignación con suma. Realiza la suma de la parte de la derecha con la de la izquierda y guarda el resultado en la parte de la izquierda. 
• -= Asignación con resta 
• *= Asignación de la multiplicación 
• /= Asignación de la división 
• %= Se obtiene el resto y se asigna

Ejemplo:

ahorros = 7000 //asigna un 7000 a la variable ahorros 

ahorros += 3500 //incrementa en 3500 la variable ahorros, ahora vale 10500 

ahorros /= 2 //divide entre 2 mis ahorros, ahora quedan 5250

4.2 Operadores Javascript II

Operadores de cadenas, lógicos y condicionales.

4.2.1 Operadores de cadenas

Las cadenas de caracteres, o variables de texto, también tienen sus propios operadores, aunque Javascript sólo tiene un operador para cadenas.

Ejemplo:

cadena1 = "hola" 

cadena2 = "mundo" 

cadenaConcatenada = cadena1 + cadena2 //cadena concatenada vale "holamundo"

Se puede ver en este caso que el operador + sirve para dos usos distintos, si sus operandos son números los suma, pero si se trata de cadenas las concatena.

miNumero = 23 

miCadena1 = "pepe" 

miCadena2 = "456" 

resultado1 = miNumero + miCadena1 //resultado1 vale "23pepe" 

resultado2 = miNumero + miCadena2 //resultado2 vale "23456" 

miCadena2 += miNumero //miCadena2 ahora vale "45623"

En el caso del operador +=, si estamos tratando con cadenas de texto y números entremezclados, tratará a los dos operadores como si fuesen cadenas.

4.2.2 Operadores lógicos

Son aquellos que dan como resultado un verdadero o un falso.

Los operadores lógicos pueden utilizarse en combinación con tipos de datos distintos de los boleanos, pero en este caso debemos utilizarlos en expresiones que los conviertan en boleanos. Por ejemplo:

if (x==2 && y!=3){

 //la variable x vale 2 y la variable y es distinta de tres

}

Por una parte x==2 devolverá un true en caso que la variable x valga 2 y por otra, y!=3 devolverá un true cuando la variable y tenga un valor distinto de 3.

• ! Operador NO o negación. Si era true pasa a false y viceversa. 
• && Operador Y, si son los dos verdaderos vale verdadero. 
• || Operador O, vale verdadero si por lo menos uno de ellos es verdadero. 

Ejemplo:

miBoleano = true 

miBoleano = !miBoleano //miBoleano ahora vale false 

tengoHambre = true 

tengoComida = true 

comoComida = tengoHambre && tengoComida

4.2.3 Operadores condicionales

Se utilizan para tomar decisiones en función de la comparación de varios elementos. 

Tabla de operadores condicionales:

== Comprueba si dos números son iguales 

!= Comprueba si dos números son distintos 

> Mayor que, devuelve true si el primer operador es mayor que el segundo 

< Menor que, es true cuando el elemento de la izquierda es menor que el de la derecha 

>= Mayor igual. 

<= Menor igual

4.3 Operadores Javascript III

4.3.1 Operadores a nivel de bit

Su uso se realiza para efectuar operaciones con ceros y unos.

4.3.2 Precedencia de los operadores

En un principio todos los operadores se evalúan de izquierda a derecha, pero existen unas normas adicionales, por las que determinados operadores se evalúan antes que otros.

() [] . Paréntesis, corchetes y el operador punto que sirve para los objetos 

! - ++ -- negación, negativo e incrementos 

* / % Multiplicación división y módulo 

+- Suma y resta 

<< >> >>> Cambios a nivel de bit 

< <= > >= Operadores condicionales 

== != Operadores condicionales de igualdad y desigualdad 

& ^ | Lógicos a nivel de bit 

&& || Lógicos boleanos 

= += -= *= /= %= <<= >>= >>>= &= ^= != Asignación

4.4 Control de tipos

Para comprobar el tipo de un dato se puede utilizar el operador typeof, que devuelve una cadena de texto que describe el tipo del operador que estamos comprobando.

var boleano = true 

var numerico = 22

var numerico_flotante = 13.56 

var texto = "mi texto" 

var fecha = new Date() 

document.write("<br>El tipo de boleano es: " + typeof boleano) 

document.write("<br>El tipo de numerico es: " + typeof numerico) 

document.write("<br>El tipo de numerico_flotante es: " + typeof numerico_flotante) 

document.write("<br>El tipo de texto es: " + typeof texto) 

document.write("<br>El tipo de fecha es: " + typeof fecha)

Si ejecutamos este script obtendremos que en la página se escribirá el siguiente texto: 

El tipo de boleano es: boolean

El tipo de numerico es: number

El tipo de numerico_flotante es: number

El tipo de texto es: string (cadenas de caracteres)

El tipo de fecha es: object (objetos)