首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

parseFloat

parseFloat() 函数解析一个字符串参数并返回一个浮点数。

语法

代码语言:javascript
复制
parseFloat(value)

参数

string需要被解析成为浮点数的字符串.

返回值

从给定值解析浮点数。如果该值无法转换为数字,则返回NaN

描述

parseFloat是个全局函数,不属于任何对象.

parseFloat将它的字符串参数解析成为浮点数并返回.如果在解析过程中遇到了正负号(+或-),数字(0-9),小数点,或者科学记数法中的指数(e或E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数.同时参数字符串首位的空白符会被忽略.

如果参数字符串的第一个字符不能被解析成为数字,则parseFloat返回NaN.

你可以通过调用isNaN函数来判断parseFloat的返回结果是否是NaN.如果让NaN作为了任意数学运算的操作数,则运算结果必定也是NaN.

parseFloat 也可转换和返回Infinity值. 可以使用isFinite函数来判断结果是否是一个有限的数值 (非Infinity-Infinity, 或 NaN).

parseFloat也可以解析一个对象,如果它已经定义toStringvalueOf方法。如果值是数字,则返回相同的数字。

示例

例子: parseFloat返回正常数字

下面的例子都返回3.14

代码语言:javascript
复制
parseFloat(3.14);
parseFloat('3.14');
parseFloat('314e-2');
parseFloat('0.0314E+2');
parseFloat('3.14more non-digit characters');

var foo = Object.create(null);
foo.toString = function () { return "3.14"; };
parseFloat(foo);

var foo = Object.create(null);
foo.valueOf = function () { return "3.14"; }; 
parseFloat(foo);​​​​​

例子: parseFloat返回NaN

下面的例子将返回NaN

代码语言:javascript
复制
parseFloat('FF2');

更严格的转换函数

该函数通过正则表达式的方式,在需要更严格地转换float值时可能会有用:

代码语言:javascript
复制
var filterFloat = function(value) {
    if (/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/
      .test(value))
      return Number(value);
  return NaN;
}

console.log(filterFloat('421'));               // 421
console.log(filterFloat('-421'));              // -421
console.log(filterFloat('+421'));              // 421
console.log(filterFloat('Infinity'));          // Infinity
console.log(filterFloat('1.61803398875'));     // 1.61803398875
console.log(filterFloat('421e+0'));            // NaN
console.log(filterFloat('421hop'));            // NaN
console.log(filterFloat('hop1.61803398875'));  // NaN

注意上面的代码只是示例.

规范

Specification

Status

Comment

ECMAScript 1st Edition (ECMA-262)

Standard

Initial definition.

ECMAScript 5.1 (ECMA-262)The definition of 'parseFloat' in that specification.

Standard

ECMAScript 2015 (6th Edition, ECMA-262)The definition of 'parseFloat' in that specification.

Standard

ECMAScript Latest Draft (ECMA-262)The definition of 'parseFloat' in that specification.

Living Standard

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

(Yes)

扫码关注腾讯云开发者

领取腾讯云代金券