Operadores Javascript I

  • Por
  • 20 de septiembre de 2001
  • Valoración:
  • 3 Comentarios
  • Javascript
Estudiamos lo que es un operador y para qué sirve. Vemos los operadores aritméticos y de asignación.
En el presente artículo del Manual de Javascript vamos a comenzar una serie de textos enfocados en explicar los diferentes operadores disponibles en este lenguaje de programación.

Al desarrollar programas en cualquier lenguaje se utilizan los operadores, que sirven para hacer los cálculos y operaciones necesarios para llevar a cabo tus objetivos. Hasta el menor de los programas imaginables necesita de los operadores para realizar cosas, ya que un programa que no realizase operaciones, sólo se limitaría a hacer siempre lo mismo.

Es el resultado de las operaciones lo que hace que un programa varíe su comportamiento según los datos que tenga para trabajar y nos ofrezca resultados que sean relevantes para el usuario que lo utilice. Existen operaciones más sencillas o complejas, que se pueden realizar con operandos de distintos tipos, como números o textos, veremos en este capítulo, y los siguientes, de manera detallada todos estos operadores disponibles en Javascript.

Ejemplos de uso de operadores

Antes de entrar a enumerar los distintos tipos de operadores vamos a ver un par de ejemplos de éstos para que nos ayuden a hacernos una idea más exacta de lo que son. En el primer ejemplo vamos a realizar una suma utilizando el operador suma.

3 + 5

Esta es una expresión muy básica que no tiene mucho sentido ella sola. 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. A continuación vamos a ver cada uno de estos grupos de operadores y describiremos la función de cada uno.

Operadores aritméticos

Son los utilizados para la realización de operaciones matemáticas simples como la suma, resta o multiplicación. En javascript son los siguientes:

+ 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)

Operadores de asignación

Sirven para asignar valores a las variables, ya hemos utilizado en ejemplos anteriores el operador de asignación =, pero hay otros operadores de este tipo, que provienen del lenguaje C y que muchos de los lectores ya conocerán.

= 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

En el siguiente artículo seguiremos conociendo otros de los operadores de Javascript: Operadores de cadenas, operadores lógicos y operadores condicionales.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Comentarios

Safiro

06/9/2006
El manual esta muy bueno solo que me gustaria que hubiera link hacia paginas que tuvieran javascript para poder mirar su codigo

eugim

27/9/2010
Ejemplos Javascript
Es verdad que este manual no tiene muchos ejemplos, pero es que estamos aprendiendo cosas tan básicas que no hay mucho pie a hacerlos. Pero si sigues la lectura encontrarás muchos ejemplos.

adrian

01/3/2011
CODIGO JAVASCRIPT
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>

<script>

function enmascaratexto(objeto,tipo)
{
var texto=objeto.value;
var largotexto = texto.length;
var letramascara;
var letratexto;
var enmascarado="";
var analisa="";
var aux=0;
switch (tipo)
{
case "CUIT": var tipomascara="99-99999999-9"; break;
case "FECHA": var tipomascara="99/99/9999"; break;
}
var largomascara=tipomascara.length;
if( largotexto>largomascara ){ texto=texto.substr(0,largomascara); }
for(aux=0;aux<=largotexto;aux++)
{
letramascara=tipomascara.charAt(aux);
letratexto=texto.charAt(aux);
switch (letramascara)
{
case "9": if( !isNaN(letratexto) && letratexto!=" " ){ enmascarado=enmascarado+letratexto; } break;
case "/": if( isNaN(letratexto) ){ enmascarado=enmascarado+"/"; } break;
case "-": if( isNaN(letratexto) ){ enmascarado=enmascarado+"-"; } break;
}
}
if( largotexto==largomascara )
{
switch (tipo)
{
case "FECHA": analisa=enmascarado.split("/");
if( parseInt(analisa[0])>31 || parseInt(analisa[0])==0 ){ enmascarado="31/"; } else { enmascarado=analisa[0]+"/"; }
if( parseInt(analisa[1])>12 || parseInt(analisa[1])==0 ){ enmascarado=enmascarado+"12/"; } else { enmascarado=enmascarado+analisa[1]+"/"; }
if( parseInt(analisa[2])<2000 ){ enmascarado=enmascarado+"2000"; } else { enmascarado=enmascarado+analisa[2]; }
break;
case "CUIT": analisa=enmascarado.split("-");
if( parseInt(analisa[0])<10 ){ enmascarado=""; break; }
analisa=enmascarado.split("");
aux=analisa[0]*5 + analisa[1]*4 + analisa[3]*3 + analisa[4]*2 + analisa[5]*7 + analisa[6]*6 + analisa[7]*5 + analisa[8]*4 + analisa[9]*3 + analisa[10]*2;
aux=aux%11;
aux=11-aux;
analisa=enmascarado.split("-");
enmascarado=analisa[0]+"-"+analisa[1]+"-"+aux;
break;
}
}
objeto.value=enmascarado;
}

</script>
</head>
<body>


<form name="formulario">
<input type="text" name="mocosoft" onkeyup="enmascaratexto(this,'CUIT')"/>
</form>

</body>
</html>

Compartir