JavaScript 的 repeat() 方法可高效生成重复字符串，适用于文本对齐、分隔线、进度条、评分图标及条件化填充等场景，简洁且兼容性好，但避免用于复杂HTML拼接。
JavaScript 的 repeat() 方法能快速生成重复字符串，在界面填充场景中非常实用——比如占位符、进度条、对齐文本、模拟加载动画等，写法简洁，性能也足够好。
用 repeat 实现固定宽度文本对齐
在表格或控制台输出中，常需让文字右对齐或居中，而 HTML 不总方便控制。这时可用 repeat() 补充空格：
-
右对齐示例：
"用户名".padEnd(10) → "用户名 "（推荐用padEnd），但若需兼容旧浏览器，可手写："用户名" + " ".repeat(10 - "用户名".length) -
居中对齐（纯文本环境）： 计算左右空格数，如：
" ".repeat(3) + "标题" + " ".repeat(3)，适合日志打印或 CLI 界面
生成视觉分隔线或进度指示
不需要 DOM 操作时，用 repeat() 快速产出符号串，提升可读性：
-
分隔线：
"─".repeat(50)输出一长串横线，用于 console 表格头或配置块分隔 -
简易进度条：
"█".repeat(7) + "░".repeat(3)表示 70% 进度（共 10 格），适合调试或终端反馈
构造重复结构的 HTML 片段（慎用）
在动态生成简单 UI 元素（如星号评分、小图标序列）时，repeat() 可减少循环代码：
立即学习“Java免费学习笔记（深入）”；
-
五星评分显示：
"<i class="star">★</i>".repeat(4) + "<i class="star off">☆</i>".repeat(1) - 注意：避免用它拼接大量复杂 HTML（如含事件绑定的按钮列表），应优先用模板引擎或 DOM 批量操作，防止 XSS 和维护困难
配合模板字符串做条件化填充
结合布尔逻辑与 repeat()，实现轻量状态标记：
-
带前缀的提示信息：
`${"⚠️".repeat(hasWarning)} ${message}`，有警告时显示一个⚠️，否则为空 -
缩进控制：
" ".repeat(indentLevel) + content，比嵌套if更直观
