Operadores en Javascript
Las variables que hemos visto hasta ahora no tienen demasiada utilidad, para que las variables comiencen a hacer lo que necesitamos son necesarios los siguientes operadores en javascript.
Asignación
El operador de asignación se utiliza de forma mayoritaria, es obvio, ya que es el que nos permite inicializar (guardar un valor) en una variable. Su símbolo es = y se utiliza de la siguiente forma:
var longitud = 20; // Número var apellido = "López"; // String var coches = ["Saab", "Volvo", "BMW"]; // Array var x = {nombre:"Miguel", apellido:"López"}; // Objecto
Los objetos los veremos un poco más adelante en este tutorial…
Bueno de momento no hemos estamos viendo nada que no conozcamos ya… ahora comenzaremos a hacer que nuestras variables empiecen a hacer cosas, aunque de momento sean muy sencillas.
Matemáticos
JavaScript nos permite realizar multitud de cálculos matemáticos con las variables de forma muy sencilla utilizando los siguientes operadores matemáticos.
Operador | Definición |
---|---|
+ | Sumar |
– | Restar |
* | Multiplicar |
/ | Dividir |
% | Modulo (Se refiere al resto de dividir un número entre otro) |
++ | Incrementar |
— | Disminuir |
De esta forma podemos obtener resultados similares a estos:
var x = 2; var y = 6; var z = x + y; //el resultado sería 8 var z = y - x; //el resultado sería 4 var z = y * x; //el resultado sería 12 ++y //y ahora vale 7 var z = y % x //el resultado es 1, el resto de 7/2 --y //y ahora vale 6
Aunque la mayoría de los operadores matemáticos son bastante sencillos hay que explicar como funcionan el incremento y la disminución.
El signo ++ ó — se puede colocar como prefijo (++y) o como sufijo (y++) de la variable, el valor final de la variable es el mismo, pero cuando estamos hablando de operaciones combinadas con las variables pueden darnos problemas y no obtener los resultados obtenidos.
- Con ++y primero incrementa la variable y luego realiza las siguientes operaciones
- Con y++ primero realiza la siguiente operación y luego incrementa la variable
var z = y++ + x;//da de resultado 8 var z = ++y + x;//da de resultado 9
Dentro de los operadores matemáticos tenemos otras formas de realizar operaciones tal y como vemos en la siguiente tabla:
Operador | Ejemplo | Igual que |
---|---|---|
= | x = y | x = y |
+= | x += y | x = x + y |
-= | x -= y | x = x – y |
*= | x *= y | x = x * y |
/= | x /= y | x = x / y |
%= | x %= y | x = x % y |
Unir cadenas de texto
Otra funcionalidad que tienen los operadores es el poder unir (concatenar) cadenas de texto de la siguiente forma:
var cadena1 = "hola"; var cadena2 = "mundo!"; var saludo = cadena1 + " " + cadena2; alert(saludo);
Lo cual nos da como resultado hola mundo!
Con esto hay que tener cuidado ya que todo lo que se encuentre entre comillas JS lo considera una cadena por lo que hacer esto nos daría como resultado 55 ya que lo hace es concatenar y no sumar:
var cadena1 = "5"; var resultado = cadena1 + 5; alert(resultado);
Existen otros tipos de operadores, los lógicos y los relacionales, pero los veremos llegado su momento en las estructuras de control de flujo.