JavaScript parseFloat()

小灰灰 2020-06-02 14:25 331阅读 0赞

# JavaScript parseFloat()

此方法可以解析一个字符串，并返回一个浮点数。

parseFloat方法属于全局对象，所以无需使用对象调用。

转换需要遵循一定的规则，规则如下：

（1）.如果字符串不包含数数字，转换失败，返回NaN。

（2）.如果字符串的起始字符为非数字，转换失败，返回NaN。

（3）.字符串起始位置的一个或者多个空白符会被忽略。

（4）.如果参数是数字，首先将数字转换为字符串再进行解析转换。

（5）.如果参数是对象，那么会首先将其转换为对应的值类型数据。

（6）.如果在解析字符串过程中，遇到非数字字符，那将会忽略该字符和其后的所有字符，并返回已经解析到的浮点数，但是如下非数字字符除外:正负号（+和-），小数点或者科学记数法的指数(e或E)。

特别说明：ES2015将此方法归于Number对象，功能完全一致。

语法结构：

```javascript
parseFloat(string)
```

参数解析：

（1）.string：将要被解析为浮点数的参数。

**代码实例如下：**

```javascript
let str="蒲公英云";
console.log(parseFloat(str));
```

字符串"蒲公英云"全都是由非数字字符组成，毫无疑问转换失败，所以方法返回值为NaN。

```javascript
let str="ant888";
console.log(parseFloat(str));
```

代码运行效果截图如下：

![](/images/1591107906994.png)

字符串"ant888"的起始字符是非数字，那么转换失败，返回NaN。

```javascript
let str="  888";
console.log(parseFloat(str));
```

代码运行效果截图如下：
![](/images/1591107892690.png)

字符串起始位置的一个或者多个空白字符会被忽略。

所以上述字符串会被转换成对应的数字。

```javascript
let str="123abc";
console.log(parseFloat(str));
```

代码运行效果截图如下：

![](/images/1591107879527.png)

上述代码转换后的返回值是数字123。

如果解析的字符串过程中，遇到非数字字符，那么此字符包括后面的所有字符都会被忽略。

当然也有例外的非数字字符，可以参阅关于转换规则的第6条介绍。

```javascript
let obj={
  webName:"蒲公英云",
  toString:function(){
    return "88"
  }
};
console.log(parseFloat(obj));
```

方法的参数是一个对象，依然可以转换成功。

代码分析如下：

（1）.首先将对象转换为对应的值类型数据，然后再判断是否可以转换。

（2）.对象将进行隐式数据类型转换，调用toString方法，返回字符串"88"。

（3）.那么很自然，返回转换结果为88。

发表评论取消回复

表情：

评论列表（有 0 条评论，331人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 中 Number()、parseInt()、parseFloat()的区别

**Number()**： **　　概述：**`Number` 对象由 `Number()` 构造器创建，是经过封装的能让你处理数字值的对象。在非构造器上下文中 (如...

一时失言乱红尘/ 2024年04月19日 10:57/ 0 赞/ 65 阅读

相关 JavaScript全局函数之parseInt()、parseFloat()

愿开发时，不会为基础知识，额外~花费事情再去学！ ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

待我称王封你为后i/ 2022年10月11日 12:26/ 0 赞/ 210 阅读

相关 JavaScript 的类型转换函数 eval() parseInt() parseFloat()

JavaScript提供了3个显式的类型转换函数，分别是eval()、parseInt()和parseFloat()。 eval()函数：将字符串表达式转换成数字值。

忘是亡心i/ 2022年08月23日 14:55/ 0 赞/ 160 阅读

相关 parseInt()和parseFloat()

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其

今天药忘吃喽~/ 2022年07月16日 08:10/ 0 赞/ 169 阅读

相关【JavaScript】parseFloat()函数

parseFloat()函数用于解析字符串，从中返回一个浮点数。语法格式： parseFloat(string); ps： 1.参

淩亂°似流年/ 2022年06月10日 07:41/ 0 赞/ 135 阅读

相关 JS 全局函数 isNaN()、parseInt()、parseFloat()

目录 isNaN() 检查是否是非数值 parseFloat() 解析字符串为浮点数 parseInt() 解析字符串为整数 --------------------

╰+攻爆jí腚メ/ 2022年04月16日 03:12/ 0 赞/ 232 阅读

相关 JavaScript学习（四）String、parseInt()、parseFloat、isNaN() 、toFixed()

1. 特殊字符 > 反斜杠是一个转义字符。转义字符将特殊字符转换为字符串字符： > 转义字符 (`\`) 可以用于转义撇号，换行，引号，等其他特殊字符。 > 下

拼搏现实的明天。/ 2022年02月24日 07:27/ 0 赞/ 310 阅读

相关 Number()、parseInt()、parseFloat()的区别

Number()、parseInt()、parseFloat()的区别如果是字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即“1”变

比眉伴天荒/ 2021年10月09日 04:04/ 0 赞/ 335 阅读

相关 JS中Number()、parseInt()、parseFloat()区别:

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。parseInt()和parseFloa

向右看齐/ 2021年06月24日 13:58/ 0 赞/ 394 阅读

相关 JavaScript parseFloat()

JavaScript parseFloat() 此方法可以解析一个字符串，并返回一个浮点数。 parseFloat方法属于全局对象，所以无需使用对象调用。转换需要遵循...

小灰灰/ 2020年06月02日 14:25/ 0 赞/ 332 阅读