Función JavaScript parseFloat() – Part 1

A continuación se muestra el ejemplo de la función parseFloat() .

  • Ejemplo:

    javascript

    <script>
        var v2 = parseFloat("3.14");
      
        document.write('Using parseFloat("3.14") = ' 
        + v2 + "<br>");
    </script>
  • Producción:
    Using parseFloat("3.14") = 3.14

La función parseFloat() se usa para aceptar la string y convertirla en un número de punto flotante. Si la string no contiene un valor numérico o si el primer carácter de la string no es un número, devuelve NaN , es decir, no es un número. De hecho, devuelve un número de coma flotante analizado hasta ese punto en el que encuentra un carácter que no es un número.

Sintaxis:

parseFloat(Value)

Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

  • valor Este parámetro obtiene una string que se convierte en un número de coma flotante.

Valor de retorno: Devuelve un número de coma flotante y si el primer carácter de una string no se puede convertir en un número, la función devuelve NaN, es decir, no un número.

Los siguientes ejemplos ilustran la función parseFloat() en JavaScript:

  • Ejemplo 1: la función parseFloat() ignora los espacios iniciales y finales y devuelve el Número de coma flotante de la string.
    Input : var n = parseFloat("  2018  ");
    Output: n=2018 (floating point Number)
  • Ejemplo 2:
    Input: var a = parseFloat("1000.04");
    Output:now a = 1000.04(floating point Number)
  • Más códigos de ejemplo para la función anterior son los siguientes:

    Programa 1:

    javascript

    <!DOCTYPE html>
    <html>
      
    <body>
    <script>
        // It ignores leading and trailing spaces.
        a = parseFloat(" 100 ")
        document.write('parseFloat(" 100 ") = ' +a +"<br>");
      
        // It returns floating point Number until
        // it encounters Not a Number character
        b = parseFloat("2018@geeksforgeeks")
        document.write('parseFloat("2018@geeksforgeeks") = '
        +b +"<br>");
      
        // It returns NaN on Non numeral character
        c = parseFloat("geeksforgeeks@2018")
        document.write('parseFloat("geeksforgeeks@2018") = '
        +c +"<br>");
      
        d = parseFloat("3.14")
        document.write('parseFloat("3.14") = '
        +d +"<br>");
      
        // It returns only first Number it encounters
        e = parseFloat("22 7 2018")
        document.write('parseFloat("22 7 2018") = '
        +e +"<br>");
          
        </script>
      
    </body>
    </html>
    

    Producción:

    parseFloat(" 100 ") = 100
    parseFloat("2018@geeksforgeeks") = 2018
    parseFloat("geeksforgeeks@2018") = NaN
    parseFloat("3.14") = 3.14
    parseFloat("22 7 2018") = 22

    Programa 2: Usar la función isNaN() para probar que los valores convertidos son números válidos o no.

    javascript

    <!DOCTYPE html>
    <html>
      
    <body>
    <script>
        var x = parseFloat("3.14");
        if (isNaN(x))
            document.write("x is not a number" + "<br>");
        else
            document.write("x is a number" + "<br>");
      
        var y = parseFloat("geeksforgeeks");
        if (isNaN(y))
            document.write("y is not a number" + "<br>");
        else
            document.write("y is a number" + "<br>");
      
        // Difference between parseInt() and parseFloat()
        var v1 = parseInt("3.14");
        var v2 = parseFloat("3.14");
      
        document.write('Using parseInt("3.14") = ' 
        + v1 + "<br>");
        document.write('Using parseFloat("3.14") = ' 
        + v2 + "<br>");
    </script>
      
    </body>
    </html>           
    

    Producción:

    x is a number
    y is not a number
    Using parseInt("3.14") = 3
    Using parseFloat("3.14") = 3.14

    Navegadores compatibles:

    • Google Chrome 1 y superior
    • Borde 12 y superior
    • Firefox 1 y superior
    • Internet Explorer 3 y superior
    • Safari 1 y superior
    • Ópera 3 y superior

    Publicación traducida automáticamente

    Artículo escrito por vivekkothari y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *