parseFloat() Parse a float

Last updated: 2026-09-09

parseFloat() Parse a float

parseFloat parses a string and returns a floating-point number.

CategoryGlobal Functions
ES versionES1

📝 Syntax

parseFloat(string);

⚙️ Parameters

stringThe string to parse.

Returns:The parsed float, or NaN.

Mutates the original:No (returns a new value)

▶ Example

Edit the code, press Run, and see the result in the output panel:

Output:

3.14
42
12.5
1000
NaN
💡 Tip Standard for parsing CSS values: parseFloat(computedStyle.width).
ℹ️ info parseFloat has no radix — always base 10.

🌐 Browser support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
parseFloat() v1 v12 v1 v1 v1
Supported by all modern browsers
More case studies coming soon — check back later.

📚 Related Tutorials

❓ FAQ

QparseFloat vs parseInt?
AparseFloat keeps decimals; parseInt truncates.
QDoes it parse scientific notation?
AYes — '1e3' parses as 1000.
QWhy does '12.5rem' give 12.5?
AParses from the first valid character, stops at non-digit — 'rem' is ignored.
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏