sábado, 11 de enero de 2014

Tutorial Javascript parte 11 - Manejar Números (PI, sqrt, round, floor, toFixed, random, ...)




Bienvenid@s, a un nueva parte del tutorial de Javascript, hoy vamos a ver como manejar y tratar números en Javascript, sobre todo orientado a las matemáticas y al objeto Math de Javascript, el objeto Math contiene una serie de propiedades y métodos muy útiles para trabajar con operaciones matemáticas, como vamos a poder ver en este capítulo.

Crea un nuevo archivo y guárdalo como numbers.js en la carpeta javascript y llámalo en el archivo index.html ...

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="javascript/numbers.js"></script>
</head>
<body>
</body>
</html>


En este capítulo vamos a ver las siguiente utilidades ...

  • La propiedad PI: Obtiene el valor del número PI.
  • El método sqrt: Obtiene la raiz cuadrada de un número.
  • El método round: Redondea un número en base a su parte decimal, regresa un número entero.
  • El método floor: Quita la parte decimal del número.
  • El método toFixed: Permite limitar la longitud de número decimales.
  • El método random: Obtiene un número aleatorio.
  • La función parseInt: Convierte el tipo de datos en un número entero.
  • La función parseFloat: Convierte el tipo de datos en un número decimal.


Otro aspecto importante de saber, es la preferencia de los operadores en las operaciones matemáticas, siguiendo el siguiente orden, de izquierda a derecha ...
  • Términos entre paréntesis, ejemplo: (3 + 3)
  • Multiplicación y división, ejemplo: 3 + 3 * 3 = 27 y no 18, para que sea 18 utilizar paréntesis: (3 + 3) * 3 = 18
  • Sumas y restas, ejemplo, 3 + 3 - 3 = 3


A continuación puedes ver algunos ejemplo, copia y pega el siguiente código en el archivo numbers.js y guárdalo ...

/* El objeto Math */

/* Propiedad para obtener el número PI */
const pi = Math.PI;
document.write("<p>" + pi + "</p>");

/* Obtener raiz cuadrada de un número */
var raiz_cuadrada = Math.sqrt(4);
document.write("<p>" + raiz_cuadrada + "</p>");

/* Redondear un número en base a su parte decimal */
var numero = Math.round(3.45);
document.write("<p>" + numero + "</p>");

/* Quitar la parte decimal de un número */
var numero = Math.floor(4.15);
document.write("<p>" + numero + "</p>");

/* Recortar el número de decimales */
var decimal = 6.13255424324324;
document.write("<p>" + decimal.toFixed(2) + "</p>");

/* Obtener un número aleatorio */
var aleatorio = Math.floor(Math.random()*10)+1;
document.write("<p>" + aleatorio + "</p>");

/* Convertir un número decimal a integer */
var decimal = 4.15;
var integer = parseInt(decimal);
document.write("<p>" + integer + "</p>");

/* Sumar dos número decimales y obtener un valor integer */
var decimal1 = 12.12;
var decimal2 = 12.45;
var total = parseFloat(decimal1 + decimal2);
document.write("<p>" + total + "</p>");

/* Prioridad en las operaciones matemáticas */
var operacion = (12 + 12) / 2;
document.write("<p>" + operacion + "</p>");



Ahora ejecuta index.html en el navegador para ver el resultado ...