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. Required fields are marked *

Related Blog Posts
Google Professional Machine Learning Engineer Exam 2021
Exam Description A Professional Machine Learning Engineer designs, builds, and productionizes ML models to solve business challenges using Google Cloud technologies and knowledge of proven ML models and techniques. The ML Engineer is proficient in all aspects […]
Designing Kubernetes Controllers
There has been some excellent online discussion lately around Kubernetes controllers, highlighted by an excellent Speakerdeck presentation assembled by Tim Hockin. What I’d like to do in this post is explore some of the implications […]
React Server Components
The React Team recently announced new work they are doing on React Server Components, a new way of rendering React components. The goal is to create smaller bundle sizes, speed up render time, and prevent […]
Jolt custom java transform
Jolt is a JSON to JSON transformation library where the transform is defined in JSON. It’s really good at reorganizing the json data and massaging it into the output JSON you need. Sometimes, you just […]