JavaScript:

Programación

OPERADORES

1
 Contenidos
1. Operadores
2. Operador asignación
3. Operador Incremento-Decremento
4. Operadores lógicos
 Operador lógico negación
 Operador lógico AND
 Operador lógico OR
5. Operadores matemáticos
 Operador matemático módulo
 Operadores matemáticos & asignación
6. Operadores relacionales 2
1. Operador ASIGNACIÓN
Es el más utilizado y el más sencillo.
 Se utiliza para guardar un valor específico en una variable.
El símbolo utilizado es =
var numero1 = 3;

 A la izquierda del operador, siempre debe indicarse el nombre de una

variable.
 A la derecha del operador, se pueden indicar variables, valores,
condiciones lógicas, etc.

3
 OPERADORES

 Los operadores permiten manipular el valor de las variables,

 Realizar operaciones matemáticas con sus valores
 Y comparar diferentes variables.

 Permiten a los programas realizar cálculos complejos y tomar

decisiones lógicas en función de comparaciones y otros tipos de
condiciones.

4
 Operador ASIGNACIÓN

EJEMPLO:
var numero1 = 3;
var numero2 = 4;

 /* Error, la asignación siempre se realiza a una variable,

por lo que en la izquierda no se puede indicar un número */
5 = numero1;
 // Ahora, la variable numero1 vale 5
numero1 = 5;
 // Ahora, la variable numero1 vale 4
numero1 = numero2;
.
5
 Operador INCREMENTO - DECREMENTO
 Estos operadores solo son válidos para las variables numéricas
Se utilizan para incrementar o decrementar en una unidad el valor de
una variable.
var numero = 5;
++numero;
// El valor ahora será: numero = 6
 El operador de incremento se indica mediante el prefijo ++ en el
nombre de la variable.
 El operador decremento (indicado como un prefijo -- en el nombre de
la variable) se utiliza para decrementar el valor de la variable:
var numero = 5;
--numero;
// El valor ahora será: numero = 4
. 6
Operador INCREMENTO - DECREMENTO
 También es posible utilizarlos como sufijo.
En este caso, su comportamiento es similar pero muy diferente.

EJEMPLO1:
var numero = 5;
numero++;
// numero = 6
 El resultado de ejecutar el script anterior es el mismo que cuando se
utiliza el operador ++numero, por lo que puede parecer que es
equivalente indicar el operador ++ delante o detrás del identificador de
la variable. .

7
 Operador INCREMENTO - DECREMENTO
EJEMPLO 2:
var numero1 = 5;
var numero2 = 2;
numero3 = numero1++ + numero2;
// numero3 = 7, numero1 = 6

EJEMPLO 3:
var numero1 = 5;
var numero2 = 2;
numero3 = ++numero1 + numero2;
// numero3 = 8, numero1 = 6
.

8
Operador INCREMENTO - DECREMENTO

RESUMIENDO:
Siel operador ++ se indica como prefijo del identificador de la
variable, su valor se incrementa antes de realizar cualquier otra
operación.

Siel operador ++ se indica como sufijo del identificador de la

variable, su valor se incrementa después de ejecutar la sentencia
en la que aparece.

9
 Operadores LÓGICOS

 Los operadores lógicos son imprescindibles para realizar

aplicaciones complejas

Se utilizan para tomar decisiones sobre las instrucciones que

debería ejecutar el programa en función de ciertas condiciones.

 El resultado de cualquier operación que utilice operadores lógicos

siempre es un valor lógico o booleano.

10
 Operador Lógico NEGACIÓN
.Se utiliza para obtener el valor contrario al valor de la variable
var visible = true;
alert(!visible); // Muestra "false" y no "true"

 La negación lógica se obtiene prefijando el símbolo ! al

identificador de la variable.

11
 Operador Lógico NEGACIÓN
 Para variables no booleanas se realiza conversión a booleano:
 Si la variable contiene un número, se transforma en false si vale 0 y
en true para cualquier otro número
 Si la variable contiene una cadena de texto, se transforma en false si
la cadena es vacía ("") y en true en cualquier otro caso.
var cantidad = 0;
vacio = !cantidad; // vacio = true
cantidad = 2;
vacio = !cantidad; // vacio = false
var mensaje = "";
mensajeVacio = !mensaje; // mensajeVacio = true
mensaje = "Bienvenido";
mensajeVacio = !mensaje; // mensajeVacio = false
12
 Operador Lógico AND
La operación lógica AND obtiene su resultado combinando dos
valores booleanos.
 El operador se indica mediante el símbolo && y su resultado
solamente es true si los dos operandos son true

13
Operador Lógico AND
EJEMPLO:
var valor1 = true;
var valor2 = false;
resultado = valor1 && valor2;
// resultado = false

valor1 = true;
valor2 = true;
resultado = valor1 && valor2;
// resultado = true

14
 Operador Lógico OR
La operación lógica OR también combina dos valores booleanos.
 El operador se indica mediante el símbolo ||
Su resultado es true si alguno de los dos operandos es true

15
Operador Lógico OR
EJEMPLO:
var valor1 = true;
var valor2 = false;
resultado = valor1 || valor2;
// resultado = true

valor1 = false;
valor2 = false;
resultado = valor1 || valor2;
// resultado = false

16
 Operadores MATEMÁTICOS
 Los operadores definidos son:
 suma (+), resta (-) multiplicación (*) división (/)

var numero1 = 10;

var numero2 = 5;

resultado = numero1 / numero2; // resultado = 2

resultado = 3 + numero1; // resultado = 13
resultado = numero2 – 4; // resultado = 1
resultado = numero1 * numero 2; // resultado = 50

17
Operador Matemático MÓDULO
 Operador que calcula el resto de la división entera de dos
números.
 El operador módulo en JavaScript se indica mediante el símbolo %

EJEMPLO:

Si se divide 10 y 5, la división es exacta y da un resultado de 2. El

resto de esa división es 0, por lo que módulo de 10 y 5 es igual a 0.

Sin embargo, si se divide 9 y 5, la división no es exacta, el resultado

es 1 y el resto 4, por lo que módulo de 9 y 5 es igual a 4.

18
Operador Matemático MÓDULO
 El operador módulo en JavaScript se indica mediante el símbolo %

var numero1 = 10;

var numero2 = 5;
resultado = numero1 % numero2; // resultado = 0

numero1 = 9;
numero2 = 5;
resultado = numero1 % numero2; // resultado = 4

19
Operadores Matemáticos & Asignación
Los operadores matemáticos también se pueden combinar con el
operador de asignación para abreviar su notación
var numero1 = 5;

numero1 += 3; // numero1 = numero1 + 3 = 8

numero1 -= 1; // numero1 = numero1 - 1 = 4

numero1 *= 2; // numero1 = numero1 * 2 = 10

numero1 /= 5; // numero1 = numero1 / 5 = 1

numero1 %= 4; // numero1 = numero1 % 4 = 1 20

 Operadores RELACIONALES
Son: mayor que (>), menor que (<), mayor o igual (>=), menor o
igual (<=), igual que (==) y distinto de (!=).
 El resultado de los operadores siempre es un valor booleano

var numero1 = 3; var numero2 = 5;

resultado = numero1 > numero2; // resultado = false
resultado = numero1 < numero2; // resultado = true

numero1 = 5; numero2 = 5;
resultado = numero1 >= numero2; // resultado = true
resultado = numero1 <= numero2; // resultado = true
resultado = numero1 == numero2; // resultado = true
resultado = numero1 != numero2; // resultado = false 21
Operadores RELACIONALES
 Cuidado con el operador de igualdad (==), ya que es el origen
de la mayoría de errores de programación,
 El operador == se utiliza para comparar el valor de dos variables,
por lo que es muy diferente del operador =, que se utiliza para
asignar un valor a una variable:
// El operador "=" asigna valores
var numero1 = 5;
resultado = numero1 = 3; // numero1 = 3 y resultado = 3

// El operador "==" compara variables

var numero1 = 5;
resultado = numero1 == 3; // numero1 = 5 y resultado = false
22
Operadores RELACIONALES
Los operadores relacionales también se pueden utilizar con variables
de tipo cadena de texto:

var texto1 = "hola";

var texto2 = "hola";
var texto3 = "adios";

resultado = texto1 == texto3; // resultado = false

resultado = texto1 != texto2; // resultado = false
resultado = texto3 >= texto2; // resultado = false

23
 Operadores RELACIONALES
Cuando se utilizan cadenas de texto, los operadores "mayor que" (>)
y "menor que" (<) siguen un razonamiento no intuitivo:

 Se compara letra a letra comenzando desde la izquierda hasta

que se encuentre una diferencia entre las dos cadenas de texto.

 Para determinar si una letra es mayor o menor que otra, las

mayúsculas se consideran menores que las minúsculas y las
primeras letras del alfabeto son menores que las últimas

(a es menor que b, b es menor que c, A es menor que a, etc.)

24
FIN

25