Métodos numéricos de JavaScript


Tabla de contenido

    Mostrar tabla de contenidos


Métodos numéricos de JavaScript

Estos métodos numéricos se pueden utilizar en todos los números de JavaScript:

toString()

Devuelve un número como una cadena

toExponential()

Devuelve un número escrito en notación exponencial

toFixed()

Devuelve un número escrito con varios decimales.

toPrecision()

Devuelve un número escrito con una longitud especificada

ValueOf()

Devuelve un número como un número


El método toString()

El método toString() devuelve un número como una cadena.

Todos los métodos numéricos se pueden utilizar con cualquier tipo de números (literales, variables o expresiones):

Ejemplo

let x = 123;
x.toString();
(123).toString();
(100 + 23).toString();

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toString() method converts a number to a string.</p>

<p id="demo"></p>

<script>
let x = 123;
document.getElementById("demo").innerHTML =
  x.toString() + "<br>" +
   (123).toString() + "<br>" +
   (100 + 23).toString();
</script>

</body>
</html>

El método toExponential()

toExponential() devuelve una cadena, con un número redondeado y escrito usando notación exponencial.

Un parámetro define el número de caracteres detrás del punto decimal:

Ejemplo

let x = 9.656;
x.toExponential(2);
x.toExponential(4);
x.toExponential(6);

El parámetro es opcional. Si no lo especifica, JavaScript no redondeará el número.



El método toFixed()

toFixed() devuelve una cadena, con el número escrito con un número específico de decimales:

Ejemplo

let x = 9.656;
x.toFixed(0);
x.toFixed(2);
x.toFixed(4);
x.toFixed(6);

toFixed(2) es perfecto para trabajar con dinero.


El método toPrecision()

toPrecision() devuelve una cadena, con un número escrito con una longitud especificada:

Ejemplo

let x = 9.656;
x.toPrecision();
x.toPrecision(2);
x.toPrecision(4);
x.toPrecision(6);

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The toPrecision() method returns a string, with a number written with a specified length:</p>

<p id="demo"></p>

<script>
let x = 9.656;
document.getElementById("demo").innerHTML = 
  x.toPrecision() + "<br>" +
  x.toPrecision(2) + "<br>" +
  x.toPrecision(4) + "<br>" +
  x.toPrecision(6);  
</script>

</body>
</html>

El método valueOf()

valueOf() devuelve un número como un número.

Ejemplo

let x = 123;
x.valueOf();
(123).valueOf();
(100 + 23).valueOf();

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Methods</h2>

<p>The valueOf() method returns a number as a number:</p>

<p id="demo"></p>

<script>
let x = 123;

document.getElementById("demo").innerHTML = 
  x.valueOf() + "<br>" +
  (123).valueOf() + "<br>" +
  (100 + 23).valueOf();
</script>

</body>
</html>

En JavaScript, un número puede ser un valor primitivo (tipo de=número) o un objeto (tipo de=objeto).

El método valueOf() se usa internamente en JavaScript para convertir Número objetos a valores primitivos.

No hay ninguna razón para usarlo en su código.

Todos los tipos de datos de JavaScript tienen un método valueOf() y un método toString().


Convertir variables en números

Hay 3 métodos de JavaScript que se pueden utilizar. para convertir una variable en un número:

Number()

Devuelve un número convertido a partir de su argumento.

parseFloat()

Analiza su argumento y devuelve un número de coma flotante

parseInt()

Analiza su argumento y devuelve un número entero.

Los métodos anteriores no son métodos números. Son métodos JavaScript globales.


El método Número()

El método Number() se puede utilizar para convertir variables de JavaScript en números:

Ejemplo

Number(true);
Number(false);
Number("10");
Number("  10");
Number("10  ");
Number(" 10  ");
Number("10.33");
Number("10,33");
Number("10 33");
Number("John");

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method converts variables to numbers:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
  Number(true) + "<br>" +
  Number(false) + "<br>" +
  Number("10") + "<br>" + 
  Number("  10") + "<br>" +
  Number("10  ") + "<br>" +
  Number(" 10  ") + "<br>" +
  Number("10.33") + "<br>" + 
  Number("10,33") + "<br>" +
  Number("10 33") + "<br>" +
  Number("John");
</script>

</body>
</html>


Si el número no se puede convertir, se devuelve NaN (No es un número).


El método Number() utilizado en las fechas

Number() también puede convertir una fecha en un número.

Ejemplo

Number(new Date("1970-01-01"))

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("1970-01-01");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>


Nota

El método Fecha() devuelve el número de milisegundos desde el 1.1.1970.

El número de milisegundos entre 1970-01-02 y 1970-01-01 es 86400000:

Ejemplo

Number(new Date("1970-01-02"))

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("1970-01-02");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>


Ejemplo

Number(new Date("2017-09-30"))

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
let x = new Date("2017-09-30");
document.getElementById("demo").innerHTML = Number(x); 
</script>

</body>
</html>



El método parseInt()

parseInt() analiza una cadena y devuelve un número entero. Los espacios son permitido. Sólo se devuelve el primer número:

Ejemplo

parseInt("-10");
parseInt("-10.33");
parseInt("10");
parseInt("10.33");
parseInt("10 20 30");
parseInt("10 years");
parseInt("years 10");

Si el número no se puede convertir, se devuelve NaN (No es un número).


El método parseFloat()

parseFloat() analiza una cadena y devuelve un número. Los espacios son permitido. Sólo se devuelve el primer número:

Ejemplo

parseFloat("10");
parseFloat("10.33");
parseFloat("10 20 30");
parseFloat("10 years");
parseFloat("years 10");

Si el número no se puede convertir, se devuelve NaN (No es un número).


Métodos de objetos numéricos

Estos métodos de objeto pertenecen al objeto Número:

Number.isInteger()

Devuelve verdadero si el argumento es un número entero

Number.isSafeInteger()

Devuelve verdadero si el argumento es un número entero seguro

Number.parseFloat()

Convierte una cadena en un número

Number.parseInt()

Convierte una cadena en un número entero

Los métodos numéricos no se pueden utilizar en variables

Los métodos numéricos anteriores pertenecen al objeto numérico de JavaScript.

Solo se puede acceder a estos métodos como Number.isInteger().

El uso de X.isInteger() donde X es una variable generará un error:

TypeError X.isInteger no es una función.


El método Number.isInteger()

El método Number.isInteger() devuelve true si el argumento es un número entero.

Ejemplo

Number.isInteger(10);
Number.isInteger(10.5);

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Numbers</h1>
<h2>The isInteger() Method</h2>

<p>The isInteger() method returns true if the argument is an integer.</p>
<p>Otherwise it returns false.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Number.isInteger(10) + "<br>" + Number.isInteger(10.5);
</script>

</body>
</html>

El método Number.isSafeInteger()

Un número entero seguro es un número entero que se puede representar exactamente como un número de doble precisión.

El método Number.isSafeInteger() devuelve true si el argumento es un entero seguro.

Ejemplo

Number.isSafeInteger(10);
Number.isSafeInteger(12345678901234567890);

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Numbers</h1>
<h2>The isSafeInteger() Method</h2>

<p>The isSafeInteger() method returns true if the argument is a safe integer.</p>
<p>Otherwise it returns false.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
Number.isSafeInteger(10) + "<br>" + Number.isSafeInteger(12345678901234567890);
</script>

</body>
</html>

Los enteros seguros son todos los números enteros desde -(253 - 1) hasta +(253 - 1).
Esto es seguro: 9007199254740991. Esto no es seguro: 9007199254740992.


El método Number.parseFloat()

Number.parseFloat() analiza una cadena y devuelve un número.

Se permiten espacios. Sólo se devuelve el primer número:

Ejemplo

Number.parseFloat("10");
Number.parseFloat("10.33");
Number.parseFloat("10 20 30");
Number.parseFloat("10 years");
Number.parseFloat("years 10");

Si el número no se puede convertir, se devuelve NaN (No es un número).

Nota

Los métodos Number Number.parseInt() y Number.parseFloat()

son iguales que el

Métodos globales parseInt() y parseFloat().

El propósito es la modularización de globales (para facilitar el uso del mismo código JavaScript fuera del navegador).


El método Number.parseInt()

Number.parseInt() analiza una cadena y devuelve un número entero.

Se permiten espacios. Sólo se devuelve el primer número:

Ejemplo

Number.parseInt("-10");
Number.parseInt("-10.33");
Number.parseInt("10");
Number.parseInt("10.33");
Number.parseInt("10 20 30");
Number.parseInt("10 years");
Number.parseInt("years 10");

Si el número no se puede convertir, se devuelve NaN (No es un número).

Referencia completa de números de JavaScript

Para obtener una referencia numérica completa, visite nuestro:

Referencia completa de números de JavaScript.

La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de Number.