在前端开发中，我们经常需要进行数字格式化，比如将 10000 格式化成 10,000。但是这个过程既繁琐又易错，因此我们常常需要借助一些工具来完成这个任务。而 hundreds 就是其中一款非常实用的工具。
什么是 hundreds？
hundreds 是一个用于数字格式化的 npm 包，它可以将数字转化为千分位分隔的字符串。
如何使用 hundreds？
首先，我们需要使用 npm 安装 hundreds：
npm install hundreds
接下来，在我们的应用代码中，我们可以通过以下方式来使用 hundreds：
const hundreds = require('hundreds');
const formattedNumber = hundreds(10000);
console.log(formattedNumber); // 输出：10,000以上代码中，我们首先引入了 hundreds 包，并在需要格式化数字的地方调用它。这个函数会将传入的数字转化为千分位分隔的字符串，并返回结果。最后我们在控制台输出了这个结果。
深度解析 hundreds
对于一些有兴趣深入了解或者需要更复杂用法的读者，我们进一步介绍 hundreds 的使用方式和实现原理。
hundreds接受两个参数：数字和配置项。
-- -------------------- ---- ------- -- - ----- -- ----- ------- - - ----------------- ---- ------------------ ---- ------- ---- --------------- -------- -- ------- - -------- -- ----- --------------- - --------------- ---------
hundreds的默认配置项：
const defaultOptions = {
decimalSeparator: '.',
thousandSeparator: ',',
symbol: '',
symbolPosition: 'front',
};hundreds的实现原理：
-- -------------------- ---- -------
-------- ------------- ------- - --- -
----- - ----------------- ------------------ ------- -------------- - - -
------------------
-----------
--
----- ------------- ------------ - --------------------
----- ---------------- - ------------------------
----- -------------------- - --------------------
-----------------
------------------
--
--- --------------- - ----------- - -------------------- - ---------------- - ----------- - ---------------------
-- -------- -
--------------- - -------------- --- ------- - ------ - --------------- - --------------- - -------
-
------ ----------------
-在代码中，我们首先解构出了传入的 num 和 options。然后通过正则表达式找到所有的千位分隔符位置，并将数字字符串的每三位插入千位分隔符。最后将整数部分和小数部分拼接为最终结果。
结论
使用 hundreds 可以让数字格式化变得非常简单，同时也大大减少了错误概率。虽然可以手动实现类似的工具函数，但是如果能够直接借助 hundreds，我们的工作效率就会更高。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2a230a3b0ab45f74a8bad5