Strings and numbers without surprises: parsing, formatting and precision

Learn how to convert and format user input and API values without accidental coercion or rounding mistakes, using a safer workflow for real frontend code.

How much do you know about JavaScript?

📘 Theory

Input, conversion, validation and output

Do not mix responsibilities. Interpret first, calculate second and format last.

Think in four steps: receive raw input, convert it to the working type, validate that it is usable and only then format it for display.

Separating those phases helps you debug much faster when a total or formatted value looks wrong.

Input

Raw value with no trust yet.

`'19.99'` from an input
`'1,250.40'` from a legacy API

Conversion

Turn it into the type you really need.

`String(value)`
`Number(value)` or `parseFloat(cleaned)`

Validation

Check that the value is usable.

`Number.isFinite(number)`
Business range rules

Output

Present it in human format.

`Intl.NumberFormat` for currency
Template literals for UI text

Safe parsing and reliable formatting

Converting is not enough. You also need to clean and validate.

`Number('')` returns `0`, which can introduce false positives in forms. That is why empty strings should usually be handled before conversion.

For money and display values, calculate with raw numbers first and only format for the user at the end with `Intl.NumberFormat`.

Floating-point reality and rounding

Values such as `0.1 + 0.2` are not bugs in your app. They are part of how floating-point math works.

JavaScript uses binary floating-point arithmetic, so some decimals cannot be represented perfectly. That is why `0.1 + 0.2` may produce `0.30000000000000004`.

For money, one safe strategy is to work in cents as integers and only format at the end. For local rounding, `Number.EPSILON` can help stabilize `Math.round`.

1 Input, conversion, validation and output 2 Safe parsing and reliable formatting 3 Floating-point reality and rounding

🧪 Learn by doing

Example Guided example: checkout total from form data Convert price and quantity from strings, validate them and calculate subtotal, tax and total.

⌄

Example Interactive demo: order calculator with validation Enter price, quantity and discount. The demo cleans the data, calculates the result and warns you when the input is invalid.

⌄

🏁 Challenges

Challenge Challenge 1: a robust price parser Implement a function that converts text into a number and returns `null` when the value is not valid.

⌄

🧰 Resources

Useful links

MDN: String MDN: Number javascript.info: Type conversions MDN: parseFloat MDN: Intl.NumberFormat MDN: Number.EPSILON

Test

Check your knowledge with a test about JavaScript.

Test for JavaScript

Course resources 62

📘 Glossary 🎧 Audio 📄 PDFs 🖼️ Infographics 🎬 Videos 🔗 Links 🧠 Flashcards 🧩 Snippets

‹

Lesson 18

Array methods in production: use map, filter and reduce with judgment

Lesson 20

Dates and internationalization with Intl

›