Anuncios

Bienvenidos sean a este post, hoy hablaremos sobre los operadores en Javascript los cuales nos permitiran que nuestros codigos o programas puedan evaluar, manipular o intercambiar informacion.

Anuncios

Los operadores pueden ser de tipo binario o unarios, los de tipo de unarios solo requieren un operador pero los de tipo binarios requieren de dos tipos de operadores, comencemos hablando sobre algunos de los tipos basicos de operadores.

Anuncios

Operadores de asignacion

El operador de asignacion es el mas basico de los disponibles en Javascript porque es el encargado de asignar un valor a nuestras variables, por ejemplo:

x=20 
Anuncios

Siempre se leen de derecha a izquierda es decir el valor se asigna a la variable y en el ejemplo x tendra el valor de 20, en cambio si hicieramos al reves 20 = x nos devolveria un error, si bien esta es la funcion mas basica en Javascript nos permite combinarlo con otros operadores y lograr mas funciones, veamos el operador de asignacion y como podemos resumirlo:

Version LargaVersion Corta
x = x + yx += y
x = x – yx -= y
x = x * yx *= y
x = x / yx /= y
x = x % yx %= y
Anuncios

Como pueden ver lo pudimos combinar con operadores arimeticos para lograr una version mas simplificada de la ecuacion, pasemos a nuestro siguiente operador.

Anuncios

Operadores arimeticos

Los operadores de tipo arimeticos son los encargados de las operaciones matematicas mas basicas como sumar, restar, multiplicar o dividir, como vimos en la tabla anterior, por ejemplo si utilizaramos una ecuacion como x = 9 + 7 asignando un valor de 16 a x, veamos la siguiente tabla con los distintos operadores:

OperadorDescripcion
+Nos permite sumar dos valores asignados
Nos permite restar dos valores asignados
*Ejecuta una multiplicacion entre dos valores
/Realiza una division entre dos valores
%Nos devuelve el modulo o resto de una division
Anuncios

Con esto hemos visto los operadores arimeticos, procedamos con los siguientes operadores.

Anuncios

Operadores de comparacion

Los operadores de comparacion son los encargados de comparar dos valores ya sea por medio de variables o de variables y literales lo cual nos devolvera dos posibles estados: true (verdadero) o false (falso), estos tipos de operadores son especialmente utiles en el uso de condicionales, este es un tema que veremos mas adelante, dado que al devolver un estado de tipo booleano (true o false) nos permitira ejecutar el condicional o no, los operadores de comparacion son los siguientes:

OperadorDescripcion
==Compara si un valor es igual a otro
!=Compara si un valor es distinto a otro
>Compara si el valor izq. es mayor que el derecho
>=Compara si el valor izq. es mayor o igual que el derecho
<Compara si el valor izq. es menor que el derecho
<=Compara si el valor izq. es menor o igual que el derecho
Anuncios

Estos son los operadores que mas utilizaremos en nuestros programas porque son los mas aplicados para hacer las condiciones y decisiones de los mismos, pasemos a un ejemplo para entender mejor el concepto de los operadores.

Anuncios

Para nuestro ejemplo aplicaremos los distintos tipos de operadores en un solo ejemplo y utilizaremos un condicional para ver como funciona analicemos el codigo:

operador.html

<html>
<head>
	<title>Ejemplo de operadores</title>
</head>
<script language="javascript">
<!--

	var a = prompt("Ingresa el primer valor", 1);
	var b = prompt("Ingresa el segundo valor", 2);
	var texto;
	var suma = parseInt(a) + parseInt(b);

	if (suma<10)
		texto = "suma es menor a 10";
	if (suma>10 && suma<100)
		texto = "suma es menor a 100";
	if (suma>100)
		texto = "suma es mayor a 100";
	
	document.write("La sumatoria da: " + suma + "<br>");
	document.write(texto);

//-->
</script>
</html>
Anuncios
Anuncios

Como siempre recuerden que nuestro programa estara dentro de los tags script, primero tendremos dos elementos prompt, elementos emergentes para ingresar un valor, llamados a y b con nuestros valores ingresados, luego crearemos una variable llamada texto, y por ultimo una variable llamada suma donde haremos la suma de los valores de a y b, en este caso usamos parseInt para transformar estos valores a tipo entero y pueda realizar la operacion arimetica, despues tendremos tres condicionales, primero chequearemos si suma es menor a 10 en caso de ser cierto asignara un mensaje a texto, el siguiente condicional comparara si suma es mayor a 10 y suma es menor a 100, si es verdadero asignara un mensaje a texto y el ultimo condicional verificara si suma es mayor a 100 y asignara otro mensaje, por ultimo haremos que muestre en la pagina el valor de suma y despues el texto obtenido de nuestros condicionales, si lo probamos obtendremos resultados como estos

Anuncios
Anuncios

En este ejemplo pudimos aplicar los operadores de asignacion, arimeticos y de comparacion pero tambien vimos uno que no explique que es el operador de cadena. Este operador se encarga de unir textos o variables con texto u otro tipo de datos para formar un mensaje y en el caso de Javascript siempre es el simbolo mas (+), lo vimos en esta linea: document.write(“La sumatoria da: ” + suma + “< br >”).

Nota: En este caso vimos a prompt(), el mensaje entre comillas es el que veremos y el segundo valor es uno por defecto que lo veremos pero podemos modificar.
Anuncios

En resumen, hoy hemos visto los operadores mas basicos de Javascript como son asignacion, arimeticos, comparacion y cadena, hemos hablado que funcion cumplen, cuales son sus simbolos, donde se usan habitualmente y por ultimo un ejemplo donde pusimos todo en practica, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios

Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.

Tambien podes donar

Es para mantenimiento del sitio, gracias!

$1.00