Conversión a números flotantes con la función de JavaScript parseFloat(), con ejemplos

Este artículo explicará los números de punto flotante y cómo convertir valores a números de punto flotante usando parseFloat() en JavaScript.

Buscando convertir a un entero valor en su lugar:utilice parseInt() !

¿Qué es un número de coma flotante?

En programación, un número de punto flotante (comúnmente llamado solo flotador ) es un número con cualquier cantidad de caracteres antes o después de un punto decimal.

Un número de punto flotante podría verse así:

14.392

Un número de punto flotanteflotar es también un tipo de variables El tipo de una variable determina qué tipo de valores puede almacenar y qué se puede hacer con la variable (por ejemplo, las matemáticas se pueden hacer con variables de tipo numérico, las variables de tipo matriz se pueden iterar, etc.).

Un coma flotante variable con tipo es una variable que puede almacenar un número de coma flotante, como un entero La variable de tipo solo puede almacenar números enteros.

Son una aproximación e imprecisos

Cuando son procesados ​​por una computadora, los números de punto flotante son en realidad una aproximación . Esto se debe a que las computadoras calculan todo en base 2 y debe almacenar y procesar valores como tales, por lo que muchos números de punto flotante se procesarán como una fracción. Entonces, naturalmente, esto tiene implicaciones para su precisión.

Hemos elaborado un artículo completo sobre esto que explica las cosas correctamente y brinda algunas soluciones para mitigar las imprecisiones de los números de coma flotante en Javascript y otros lenguajes de programación.

Para resumir, utilice números de coma flotante cuando corresponda. Sin embargo, no los use cuando calcule cantidades de moneda si la precisión es esencial; ¡puedes terminar cobrando de más!

La función JavaScript parseFloat()

El parseFloat() La función convierte un valor dado en una variable de coma flotante. Intentará interpretar lo que se le pase como un número de coma flotante y almacenarlo como tal.

Sintaxis de la función JavaScript parseFloat()

Con eso fuera del camino, aquí está la sintaxis para parseFloat() función:

parseFloat(NUMBER_STRING)

Tenga en cuenta que:

  • NUMBER_STRING debe ser una cadena que contenga un valor numérico
    • parseFloat() intentará convertirlo a un número de punto flotante
    • Si NUMBER_STRING es no una cadena, se convertirá en una
    • NUMBER_STRING puede contener notación exponencial
  • Un valor numérico del flotador se devolverá el tipo
    • Si se encuentran caracteres no numéricos antes de cualquier número interpretable, NaN será devuelto
    • Sin embargo, se ignoran los espacios en blanco iniciales
    • Se descartarán todos los dígitos que sigan a caracteres que no sean dígitos

Más información sobre NaN (No es un número) en nuestro artículo aquí.

Ejemplos:conversión a números de punto flotante

Estos son algunos ejemplos de parseFloat() en acción:los resultados esperados se encuentran en los comentarios del código:

parseFloat(4.25); // A floating number with value 4.25 - the number will be converted to a string and then to a float
parseFloat('4.25'); // A floating number with value 4.25 - the string will be converted to a float
parseFloat('  4.25  '); // A floating number with value 4.25 - the string will be converted to a float, ignoring whitespace
parseFloat('425e-3'); // A floating number with value 0.425 - the string is interpreted (including exponent e) and the value assigned to a float
parseFloat('4.25some these are not digits 123'); // A floating number with value of 4.25 - as there are interpretable digits prior to the non-digit characters, they are interpreted until the first non-digit character
parseFloat('OUCH342');// NaN as there are no interpretable digits prior to the first non-digit character