在前端开发中，我们常常需要对数字进行格式化，以便更好地展示给用户。而在 ES12 中，新增了数字分隔符的特性，可以更加方便地处理数字格式化。
什么是数字分隔符？
数字分隔符是一个下划线字符（_），可以用来分隔数字的位数，从而方便地阅读和理解数字。例如，一个大的数字可以写成这样：
const number = 1000000000;
这个数字虽然不难读懂，但是如果我们想要更加清晰地显示出它的位数，就可以使用数字分隔符：
const number = 1_000_000_000;
这样就可以更加清晰地看出这个数字是十亿。
如何在代码中使用数字分隔符？
在代码中使用数字分隔符非常简单，只需要在数字的每个千位之间加上一个下划线即可。例如：
const number = 1_234_567;
这样的代码就可以正常运行，并且输出的结果是 1234567。
需要注意的是，数字分隔符只能在数字的千位之间使用，不能在小数点前后使用，也不能在数字的开头或结尾使用。
数字分隔符的优点
使用数字分隔符有以下几个优点：
- 更加清晰地显示数字的位数，方便阅读和理解；
- 可以减少人为错误，比如在输入一个大数字时可能会漏掉某个数字；
- 代码更加简洁，不需要手动添加逗号或其他分隔符。
示例代码
下面是一个示例代码，展示了如何使用数字分隔符来处理数字格式化：
const number = 1234567890;
const formattedNumber = new Intl.NumberFormat('en-US').format(number);
console.log(formattedNumber); // 输出 1,234,567,890在这个示例代码中，我们首先定义了一个大数字，然后使用 Intl.NumberFormat 对象来进行格式化。这个对象可以接受一个区域设置参数，用来指定输出格式。在这里，我们使用了 'en-US' 参数，表示使用美国英语的格式。
最后，我们将格式化后的数字输出到控制台，可以看到它的输出结果是 1,234,567,890，非常清晰易懂。
总结
数字分隔符是 ES12 中新增的一个特性，可以方便地处理数字格式化。使用数字分隔符可以让数字更加清晰易懂，减少人为错误，同时代码也更加简洁。在实际开发中，我们可以结合 Intl.NumberFormat 对象来进行数字格式化，以便更好地展示给用户。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656da1f9d2f5e1655d5e0154