Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de Javascript

Javascript: lenguaje interactivo para dinamizar la web.

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

RSS. Suscribir canal.

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.

Este obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial 4.0 Internacional.

3. Operadores numéricos (I)

3.1 Operadores clásicos

Introducción

Los operadores son elementos que permiten hacer operaciones entre los distintos datos almacenados con javascript. En las operaciones los datos pueden ser escritos directamente o mediante variables. En esta página veremos fundamentalmente las operaciones más comunes que suelen hacerse entre los datos numéricos.

Operador de asignación

Signo igual = : ya lo hemos utilizado en páginas anteriores. Sirve para dar un valor a una variable, ya sea esta nueva o antigua, si la variable es nueva estaremos declarándola, si es antigua, le estaremos cambiando el valor. Ejemplos:

var numero = 5

La variable numero es declarada con el valor numérico 5

El operador de asignación sirve no solo para dar un valor numerico a una variable, sino que se le puede dar cualquier tipo de valor. Por ejemplo, si ahora escribimos:

numero = "cinco"

Hemos cambiado no sólo el valor de la variable, sino también el tipo de variable, la variable ahora tiene el valor de cadena de texto "cinco".

También podemos asignar a la variable un valor booleano:

numero = true

La variable ahora será del tipo booleano, y su valor será true (verdadero)

El signo igual ( = ) es el operador de asignación. con el se da un nuevo valor a las variables. La variable debe ponerse en el lado izquierdo del signo igual, mientras que el nuevo valor que se le asigna se debe poner al lado derecho.

Operaciones clásicas

Podemos hacer las operaciones aritmeticas normales , suma, resta, multiplicación y división, sin más que poner los signos de las operaciones entre los números (o las variables que los contienen).

• Suma: var suma = 3 + 2;//suma vale 5
• Resta: var resta = 3 - 2;//resta vale 1
• Multiplicación: var multiplicacion = 3 * 2;//multiplicacion vale 6
• División: var division = 3 / 2;//division vale 1.5

A estas cuatro operaciones podemos añadirle la operacion "modulo"; el módulo es el resultado del resto de la división entre dos números enteros. su signo es % (tanto por ciento).

• Módulo de 5 entre 3: var modulo = 5 % 3;//modulo vale 2 , ya que el resto de la división de 5 entre 3 es 2.

El signo menos ( - ) también podemos emplearlo para cambiar de signo a un número o un conjunto de operaciones. Al igual que en el álgebra matemática, podemos emplear paréntesis para agrupar expresiones: Ejemplos:

numero = -numero;//cambia de signo el valor de numero

var expresion1 = 3 + (2 * 5);//expresion1 = 13, la operación del paréntesis va primero.

var expresion2 = 3 + 2 * 5;//expresion2 = 25, Las operaciones se ejecutan en orden de aparición.

Además como ya hemos visto, el operador suma + sirve también para unir cadenas de texto.

var texto = "hola " + "amigos"//texto es ahora "hola amigos"

Cambiar el tipo de dato

En ocasiones, el dato que tenemos es una cadena de texto con el número en lugar del número. por ejemplo: a = "57"; a es una cadena de texto con los caracteres 5 y 7, y no el número 57, para cambiar el tipo de dato de cadena de texto a numérico usaremos la expresión Number(), de la siguiente manera:

var a = "57";/El valor de - a - es una cadena de texto
a = Number(a); // ahora el valor de - a - es numérico.

Si el valor de la cadena que convertimos no es un número, la variable tendrá el valor NaN, este es un valor especial de javascript que indica que no es un número (Not a Number).

De forma análoga la expresion toString() convierte cualquier otro elemento que no lo sea en una cadena de texto, así para convertir un número en cadena de texto haremos lo siguiente:

var a = 43;/El valor es un número
a = toString(a); // ahora el valor es una cadena de texto - "43" -.

Ejemplo de utilización de operadores

Daremos ahora un sencillo ejemplo de una página en la que usamos los operadores vistos anteriormente. Guardaremos la página, pues según vayamos viendo más operadores, los iremos añadiendo a esta misma página de ejemplo.

La página tendrá el siguiente código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <title>Operadores de asignación compuesta</title>
<style type="text/css">
   h1 { text-align: center; font: bold 1.5em arial; padding: 0.5em; margin: 0;}
	 h2 { text-align: center; font: bold 1.2em arial; padding: 0.2em; margin: 0;}
	 p  { text-align: left; font: 1em arial; padding: 0.1em; margin: 0; }
   div { border: 1px solid black; width: 45%; margin: 1%; padding: 1%; float: left}
</style> 
</head>
<body>
   <h1>Operadores aritméticos con javascript </h1>
   <p>En esta página vamos a ver los distintos operadores aritméticos con javascript.</p>
   <p>Para ello necesito que me des dos números con  los que haremos las operaciones: </p>
   <script type="text/javascript">
      var a = prompt("escribe un número");
      var b = prompt("escribe otro número");
      a = Number(a)
      b = Number(b)
   </script>
 <div>
   <h2>Operadores clásicos</h2>
   <script type="text/javascript">
      var suma = a + b ;
      var resta = a - b;
      var multiplicacion = a * b;
      var division = a / b;
      var modulo = a % b
      document.write ("Suma: " + a +" + " +  b + " = " + suma + "<br/>")
      document.write ("Resta: " + a +" - " +  b + " = " + resta + "<br/>")
      document.write ("Multiplicación: " + a + " * " +  b + " = " + multiplicacion + "<br/>")
      document.write ("División: " + a + " / " +  b + " = " + division + "<br/>")
      document.write ("Módulo: " + a + " mod. " +  b + " = " + modulo + "<br/>")
      </script>
 </div>  
</body>
</html>

Y en el navegador la veremos igual que en el siguiente enlace:

Operadores numericos 1.

Veamos cómo está construida la página:

En la cabecera, aparte del título, hemos puesto (destacado en verde) el estilo CSS que vamos a dar a los principales tipos de texto.

En el cuerpo del documento, después del título (etiqueta h1) y de la presentación(Párrafos), hay un primer script, que mediante la instrucción prompt, obliga al usuario a definir los dos números con los que haremos después las operaciones, los cuales los guardamos en las variables a y b.

Los datos obtenidos mediante la instrucción prompt puede que no sean numericos, (de hecho aunque insertemos números son interpretados como cadena de texto), por lo que mediante la espresión Number() transformamos los datos obtenidos en numéricos.

En un segundo script, dentro de una etiqueta <div>, realizamos las operaciones, y les asignamos un valor. (variables: suma, resta, multiplicacion, division, modulo

Mediante la instrucción document.write escribimos el mensaje que queremos que reciba el usuario. En el mensaje estarán incluidos los valores de los dos elementos con los que operamos, su resultado y el tipo de operación que hemos hecho. Esto debemos escribirlo todo de forma que en la página quede de una manera comprensible. Además al final debemos escribir la cadena "<br/>", para que el siguiente elemento que escribamos ocupe la línea inferior. Esto hace que tengamos que escribir varias variables y varias cadenas de texto dentro de cada instrucción document.write(), las cuales irán unidas por el signo + , de ahí la complejidad de lo escrito dentro del paréntesis de esta instrucción.

En la siguiente página veremos otro tipo de operadores numéricos, los operadores de incremento.

Operadores de incremento

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com