本文介绍如何使用原生 JavaScript 实现一个从 000 到 111 的三位二进制计数器，通过 toString(2) 转换、padStart() 补零和字符串处理，生成带空格分隔的逐行输出。
本文介绍如何使用原生 javascript 实现一个从 `000` 到 `111` 的三位二进制计数器，通过 `tostring(2)` 转换、`padstart()` 补零和字符串处理，生成带空格分隔的逐行输出。
要实现一个清晰、可读且符合现代 JavaScript 最佳实践的三位二进制计数器（即从 0 0 0 到 1 1 1 共 8 行），关键在于：将整数按二进制表示 → 统一补足为 3 位 → 拆分为单字符并用空格连接 → 控制范围在 0–7（即 3 位能表示的最大值）。
下面是一个简洁、健壮且易于理解的实现：
let result = '';
for (let i = 0; i < 8; i++) {
const binary = i.toString(2).padStart(3, '0'); // → "000", "001", ..., "111"
const spaced = binary.split('').join(' '); // → "0 0 0", "0 0 1", ...
result += spaced + '\n';
}
document.getElementById('output').textContent = result;✅ 为什么这样更优雅？
- 避免了无限循环（while(true) + break），改用确定性 for 循环（0 到 7 共 8 次），语义明确、不易出错；
- padStart(3, '0') 确保所有输出严格为 3 位，无需手动判断长度或截断；
- split('') + join(' ') 是处理“逐位加空格”的最直观方式，比正则或数组映射更轻量；
- 可直接绑定到 DOM 元素（如 <pre id="output"></pre>），便于网页展示。
⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 不要依赖 text.length > 3 来终止循环——因为 toString(2) 在 i=8 时返回 "1000"（长度为 4），但此时已超出 3 位范围；更安全的方式是限定 i < 8（即 2³）；
- 若需动态支持 n 位计数器，可将 3 替换为变量 bits，并把上限改为 Math.pow(2, bits)；
- 在 Node.js 环境中，可用 console.log(result) 替代 DOM 操作。
? 拓展小技巧：
想一行生成全部结果（函数式风格）？可以这样写：
const bits = 3;
const output = Array.from({ length: 1 << bits }, (_, i) =>
i.toString(2).padStart(bits, '0').split('').join(' ')
).join('\n');这个实现兼顾可读性、健壮性与扩展性，真正做到了“beautifully”。
