Up to Spec: JavaScript Numeric Separators

Numbers can be difficult to read in JavaScript, especially larger numbers. With Numeric Separators now making its way to stage four it’s more than likely going to be included in the next update to the ECMAScript (read: JavaScript) specification, so it’s good to get familiar.

There isn’t a good way to create a visual separation between digits in larger numbers. Take Christophe Porteneuve’s example of 1000000000, for instance. The number is difficult to parse. Is it 1 trillion? 100 million? 10 million? 10 trillion? 🤷‍♂️

Wouldn’t it be nice if you could add some commas to that number to allow you to have some comprehension of its value without having to, as I’ve done, count the number of trailing zeros? Enter Numeric Separators. With this likely-to-be-added JavaScript syntax you can now separate values within a number. 100000000 can be turned into 1_000_000_000 (congrats to those who put money on a trillion). Sure, an underscore is not a comma, but it’s a heckuva lot better than before!

The most obvious practical use is finance but an underscore can be used to separate HEX values, Binary, BigInt, and more.

Much of this will be familiar to those among us who have used numeric separators in other languages like Java, Ruby, Rust, Swift, and others. Many of whom are rolling their eyes at this small improvement.

And, yes, it is a somewhat minor syntactical change but we tend to read code way more than we write, so increasing legibility is really important and helpful. And now that ESLint supports it we may start seeing rules enforcing its use. It’ll make reading numbers 1_000 times easier. 😉

To the future!

About the Author

Object Partners profile.
Leave a Reply

Your email address will not be published.

Related Blog Posts
Natively Compiled Java on Google App Engine
Google App Engine is a platform-as-a-service product that is marketed as a way to get your applications into the cloud without necessarily knowing all of the infrastructure bits and pieces to do so. Google App […]
Building Better Data Visualization Experiences: Part 2 of 2
If you don't have a Ph.D. in data science, the raw data might be difficult to comprehend. This is where data visualization comes in.
Unleashing Feature Flags onto Kafka Consumers
Feature flags are a tool to strategically enable or disable functionality at runtime. They are often used to drive different user experiences but can also be useful in real-time data systems. In this post, we’ll […]
A security model for developers
Software security is more important than ever, but developing secure applications is more confusing than ever. TLS, mTLS, RBAC, SAML, OAUTH, OWASP, GDPR, SASL, RSA, JWT, cookie, attack vector, DDoS, firewall, VPN, security groups, exploit, […]