DEV Community

Cover image for What Are Numeric Separators in JavaScript?
saransh kataria
saransh kataria

Posted on • Originally published at wisdomgeek.com

What Are Numeric Separators in JavaScript?

Writing performant code is not enough as a developer. We need to ensure that it is readable as well. And it is rare that an API change in a language introduces readability. Numeric Separators are one such rare change.

Why Numeric Separators?

Reading this takes a few seconds:

const number = 100000000;
Enter fullscreen mode Exit fullscreen mode

Counting the number of zeroes is something nobody wants to do. It takes some mental capacity but there was no other way of writing them until now. With numeric separators, we can now use underscores to separate numeric literals.

How?

const number = 100_000_000;
Enter fullscreen mode Exit fullscreen mode

The rules with separators are pretty obvious ones. The number cannot start or end with underscores and there cannot be two consecutive underscores in a literal.

Also, it can be applied to binary, octal and hex numbers too!

const binary = 0b1_0000; // 16 const octal = 0o1_0_0_1; // 513 const hex = 0xA_B_C_0_0; // 703488
Enter fullscreen mode Exit fullscreen mode

It is widely supported as well. IE is the only browser that does not have support. You can see the complete list here.

Let us go and make our numbers easier to read!

Originally published at https://www.wisdomgeek.com on June 17, 2021.

Top comments (0)