miércoles, 5 de noviembre de 2014

UF1305. Parte 4 : Operdadores en Javascript.

4.1 OPERADORES JAVASCRIPT I:


Al desarrollar programas en cualquier lenguaje se utilizan los operadores, que sirven para hacer los cálculos y operaciones necesarios.


4.1.1 -EJEMPLOS DE USO DE OPERADORES:

Vamos a ahcer un ejemplo de una suma utilizando el operador suma.

3+5

Hace la suma entre los dos operandos número 3 y 5, pero no sirve de mucho porque no se hace nada con el resultado. Normalmente se combinan más de un operador para crear expresiones más útiles. La expresión siguiente es una combinación entre dos operadores, uno realiza una operación matemática y el otro sirve para guardar el resultado.

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:

Utilizados para la realización de operaciones matemáticas simples como la suma, resta o multiplicación.

+ Suma de dos valores 

- Resta de dos valores, también puede utilizarse para cambiar el signo de un número si lo utilizamos con un solo operando

-23 

* Multiplicación de dos valores 

/ División de dos valores 

% El resto de la división de dos números (3%2 devolvería 1, el resto de dividir 3 entre 2) 

++ Incremento en una unidad, se utiliza con un solo operando 

-- Decremento en una unidad, utilizado con un solo operando 

Ejemplos

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

unidades = 10 //otra asignación, luego veremos operadores de 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:

Para asignar valores a las variables, hay otros operadores de este tipo, que provienen del lenguaje C:

= Asignación. Asigna la parte de la derecha del igual a la parte de la izquierda. A al 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 

Ejemplos

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:


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 se pueden realizar otras acciones con una serie de funciones.

+ Concatena dos cadenas, pega la segunda cadena a continuación de la primera. 

Ejemplo

cadena1 = "hola" 

cadena2 = "mundo" 


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

El operador + sirve para dos usos distintos, si sus operandos son números los suma, pero si se trata de cadenas las concatena. Resultaría confuso es el uso del operador + cuando se realiza la operación con operadores texto y numéricos entremezclados. Javascript asume que se desea realizar una concatenación y trata a los dos operandos como si de cadenas de caracteres se trataran, incluso si la cadena de texto que tenemos fuese un número. Esto lo veremos más fácilmente con el siguiente ejemplo:

miNumero = 23 

miCadena1 = "pepe" 

miCadena2 = "456" 

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

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


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


4.2.2. -OPERADORES LÓGICOS:

Para realizar operaciones lógicas, son aquellas que dan como resultado un verdadero o un falso, y se utilizan para tomar decisiones en nuestros scripts. Se utilizan operandos boleanos, que son el verdadero (true) y el falso (false). Los operadores lógicos relacionan los operandos boleanos para dar como resultado otro operando boleano, tal como podemos ver en el ejemplo:

Si tengo hambre y tengo comida entonces me pongo a comer

Nuestro programa Javascript utilizaría en este ejemplo un operando boleano para tomar una decisión. Primero mirará si tengo hambre, si es cierto (true) mirará si dispongo de comida. Si son los dos ciertos, se puede poner a comer. En caso de que no tenga comida o que no tenga hambre no comería, al igual que si no tengo hambre ni comida. El operando en cuestión es el operando Y, que valdrá verdadero (true) en caso de que los dos operandos valgan verdadero.

Ejemplo

miBoleano = true 

miBoleano = !miBoleano //miBoleano ahora vale false 

tengoHambre = true 

tengoComida = true 


comoComida = tengoHambre && tengoComida


4.2.3. -OPERACIONES CONDICIONALES:

Para realizar expresiones condicionales todo lo complejas que deseemos. Estas expresiones se utilizan para tomar decisiones en función de la comparación de varios elementos, por ejemplo si un numero es mayor que otro o si son iguales.

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:

Poco corrientes. Su uso se realiza para efectuar operaciones con ceros y unos.En algunos caso podremos necesitar realizar operaciones tratando las variables como ceros y unos y para ello utilizaremos estos operandos. 

& Y de bits 

^ Xor de bits 

| O de bits 


<< >> >>> >>>= >>= <<= Varias clases de cambios


4.3.2. -PRECEDENCIA DE LOS OPERADORES:

Para marcar unas pautas en la evaluación de las sentencias y que estas se ejecuten siempre igual y con sentido común existe la precedencia de operadores, que no es más que el orden por el que se irán ejecutando las operaciones que ellos representan. 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. Muchas de estas reglas de precedencia están sacadas de las matemáticas y son comunes a otros lenguajes.

() [] . 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:

El listado de operadores se completa con el operador typeof.

Para comprobar el tipo de un dato se puede utilizar otro operador que está disponible a partir de javascript 1.1, 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


El tipo de fecha es: object

No hay comentarios:

Publicar un comentario