Math.floor(Math.log10(Math.abs(n || 1))) + 1 可安全计算正整数位数；因 d 位数满足 10^(d−1) ≤ n < 10^d，故 log₁₀(n) ∈ [d−1, d)，向下取整加 1 即得 d。
直接用 Math.log10(n) + 1 向下取整再转整数，就能得到正整数 n 的十进制位数。这是比字符串转换更轻量、更适合频繁调用的布局计算方式。
为什么 log10 能算位数？
因为一个 d 位正整数 n 满足：10^(d−1) ≤ n <br>
两边取以 10 为底的对数，得：<br><code>d−1 ≤ log₁₀(n) <br>
所以 <code>d = floor(log₁₀(n)) + 1。
基础写法与边界处理
对正整数，可封装为：
const digitCount = n => Math.floor(Math.log10(n)) + 1;
注意：
• 输入必须是正整数（n > 0），log₁₀(0) 是 -Infinity，负数会返回 NaN
• 浏览器中 Math.log10(1) 是 0，结果为 1，正确
• 对 n = 100：log₁₀(100) = 2 → 2 + 1 = 3，正确
UI 布局中的典型优化场景
在动态渲染数字标签、对齐进度值、缩放字体或调整容器宽度时，提前知道位数能避免重排重绘：
- 显示「剩余 999 步」vs「剩余 9 步」：用位数决定是否加空格/固定宽度，保持文本左对齐不跳动
- 仪表盘中数值标签（如 42 vs 17845）：按位数切换字号或 padding，防止长数字溢出
- 表格列宽预估：对一列最大值快速估算位数，设定最小列宽（例如每位 8px，+12px 边距）
安全健壮的实用版本
实际项目建议加一层防护，兼容意外输入：
const getDigitCount = (n) => {
if (!Number.isInteger(n) || n < 1) return 1;
return Math.floor(Math.log10(n)) + 1;
};
这样即使传入 0、小数、null 或非数字，也能 fallback 到合理默认值，不中断 UI 渲染。
