Números

Con los números se puede hacer operaciones matemáticas.

Tipos de Números

Hay dos tipos de números: Interger (entero): número sin decimales y floating point (punto flotante): número con decimales

    En el Código 52, la variable numero1 es de tipo entero (integer) y la variable numero2 es de tipo float (punto flotante).

Descargar archivo codigo052.html

Copiar enlace:

Pegar enlace en la url del explorador web y descarga el archivo:

Código 52: Número Entero y Número Punto Flotante
<!-- Archivo: codigo052.html  -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      var numero1 = 3; // Número entero
      var numero2 = 3.51; // Número decimal
      // Escribir por pantalla
      document.write(numero1);
      document.write("<br/>"); // Escribir en la línea de abajo
      document.write(numero2);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo052.html

En la Figura 48, el valor de la variable numero1 es 3 (número entero) y el valor de la variable numero2 es 3.51 (número decimal). 

Figura 48 – Vista en el explorador Web
Código 52: Número Entero y Número Punto Flotante

    NaN significa lo que se devuelve no es un número.

    En el Código 53, la división entre 10 y d, la variable resultado su valor es NaN que es un error.

Código 53: NaN (No es un número)
<!-- Archivo: codigo053.html  -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // División
      var resultado = 10 / "d";
      // Escribir por pantalla
      document.write(resultado);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo053.html

    En el Figura 49, el valor de la variable resultado es NaN (no es un número) porque la división es 10 por d, dando un error.

Figura 49 – Vista en el explorador Web
Código 53: NaN (No es un número)

Método del Objeto Number

Number es un objeto que nos proporciona métodos para trabajar con los valores numéricos.

Método Number.isInterger()

El método Number.isInterger() devuelve verdadero si el valor del argumento es un número entero.

    En el Código 54, el método Number.isInterger() en la variable entero1 devuelve verdadero (true) porque es entero y el método Number.isInterger() en la variable entero2 devuelve falso (false) porque es un decimal.

Descargar archivo codigo054.html

Código 54: Método Number.isInterger()
<!-- Archivo: codigo054.html   -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables
      var numero1 = 10;
      var numero2 = 15.47;
      // Verificar si son enteros
      var entero1 = Number.isInteger(numero1);
      var entero2 = Number.isInteger(numero2);
      // Imprimir por pantalla
      document.write("entero1="+entero1);
      document.write("<br/>"); // Escribir en la siguiente línea
      document.write("entero2="+entero2);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo054.html

    En la Figura 50, el valor de la variable entero1 es verdadero (true) porque la variable numero1 es 10 que es un número entero y el valor de la variable entero2 es falso (false) porque la variable numero2 es 15.47 que es un número punto flotante (floating point).

Figura 50 – Vista en el explorador Web
Código 54: Método Number.isInterger()

Método isNaN()

El método isNaN() devuelve verdadero si el valor del argumento no es un valor numérico.

    En el Código 55, el isNaN() en la variable no_es_numero1 devuelve falso (false) porque es un número y el isNaN() en la variable no_es_numero2 devuelve verdadero (true) porque es un texto.

Descargar archivo codigo055.html

Código 55: Método isNaN()
<!-- Archivo: codigo055.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
    <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variables
      var texto1 = 10;
      var texto2 = "Nardia";
      // Verificar si no son números
      var no_es_numero1 = isNaN(texto1);
      var no_es_numero2 = isNaN(texto2);
      // Imprimir por pantalla
      document.write("no_es_numero1="+no_es_numero1);
      document.write("<br/>"); // Escribir en la siguiente línea
      document.write("no_es_numero2="+no_es_numero2);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo055.html

    En la Figura 51, el valor de la variable no_es_numero1 es falso (false) porque la variable texto1 es 10 que es un valor numérico y el valor de la variable no_es_numero2 es verdadero (true) porque la variable texto2 es “Nardia” que es un valor no numérico.

Figura 51 – Vista en el explorador Web
Código 55: Método isNaN()

Método parseInt()

El método parseInt() retorna el entero de un número punto flotante (floating point).

    En el Código 56, el método parseInt() retorna 15 a la variable entero1.

Descargar archivo codigo056.html

Código 56: Método parseInt()
<!-- Archivo: codigo056.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variable
      var numero1 = 15.58;
      // Retorna el entero
      var entero1 = parseInt(numero1);
      // Imprimir por pantalla
      document.write(entero1);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo056.html

    En la Figura 52, el valor de la variable entero1 es 15, extrae la parte entera del valor de la variable numero1 que es 15.58.

Figura 52 – Vista en el explorador Web
Código 56: Método parseInt()

    En el Código 57, el método parseInt() retorna 16 a la variable entero1.

Descargar archivo codigo057.html

Código 57: Método parseInt()
<!-- Archivo: codigo057.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variable
      var texto1 = "16.25";
      // Retorna el entero
      var entero1 = parseInt(texto1);
      // Imprimir por pantalla
      document.write(entero1);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo057.html

    En la Figura 53, el valor de la variable entero1 es 16, extrae la parte entera del valor de la variable texto1 que es 16.25.

Figura 53 – Vista en el explorador Web
Código 57: Método parseInt()

Método parseFloat()

El método parseFloat() retorna el número punto flotante (floating point) de una variable tipo string.

    En el Código 58, el método parseFloat() retorna 16.25 a la variable numero.

Descargar archivo codigo058.html

Código 58: Método parseFloat()
<!-- Archivo: codigo058.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variable
      var texto1 = "16.25";
      // Retorna el entero
      var numero = parseFloat(texto1);
      // Imprimir por pantalla
      document.write(numero);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo058.html

    En la Figura 54, el valor de la variable entero1 es 16.25, convierte el string del texto1 que es “16.25” en un número punto flotante (floating point).

Figura 54 – Vista en el explorador Web
Código 58: Método parseFloat()

Método toFixed()

El método toFixed() retorna un string con un número específico de decimales.

    En la Código 59, el método toFixed() retorna 21.13 a la variable texto1.

Descargar archivo codigo059.html

Código 59: Método toFixed()
<!-- Archivo: codigo059.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variable
      var numero1 = 21.12629;
      // Fija a dos decimales
      var texto1 = numero1.toFixed(2);
      // Imprimir por pantalla
      document.write(texto1);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo059.html

    En la Figura 55, el valor de la variable texto1 es 21.13 porque el método toFixed() lo fija a dos decimales, es un valor tipo string.

Figura 55 – Vista en el explorador Web
Código 59: Método toFixed()

Método toString()

El método toString() retorna un string que representa un número con sus decimales.

    En el Código 60, el método toString() retorna 21.1258 a la variable texto1 como una cadena de texto (string).

Descargar archivo codigo060.html

Código 60: Método toString()
<!-- Archivo:  codigo060.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
   <!-- La etiqueta meta que da el formato en español -->
   <meta charset="UTF-8">
   <!-- Título en la pestaña del navegador -->
   <title> Ejercicio </title>
</head>
<body>
   <!-- Códigos de JavaScript -->
   <script>
      // Variable
      var numero1 = 21.1258;
      // Lo convierte a String
      var texto1 = numero1.toString();
      // Imprimir por pantalla
      document.write(texto1);
   </script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo060.html

    En la Figura 56, el valor de la variable texto1 es 21.1258, el método toString() lo convierte a un valor tipo string.

Figura 56 – Vista en el explorador Web
Código 60: Método toString()

Comentarios

Publicar un comentario

Entradas populares de este blog

Conceptos Básicos de JavaScript

Ing. Carlo Julio Castillo Vivas Programador JS, PHP y MySql Contenido Concepto JavaScript Herramientas Utilizadas La Carpeta js_ajax_jquery Escribiendo un Código en JavaScript Mostrar Mensaje con JavaScript Comentarios Variables Operadores Funciones Objetos Números Los Arreglos (Arrays) Los Eventos El Objeto Math Condicionales   Los Lazos El Intervalo de Tiempo   Expresiones Regular   Manejo de Errores    Modo Strict, var, let y const
Leer más