在前端开发中，有时需要将某个字符或字符串重复 n 次。例如，在编写 HTML、CSS 或 JavaScript 代码时，我们可能需要生成一个包含多个相同字符或字符串的文本。为了避免手动复制粘贴，我们可以使用 JavaScript 的字符串方法来实现。
字符串方法 repeat()
JavaScript 字符串对象提供了一个名为 repeat() 的方法，该方法可以将字符串重复指定次数。此方法接受一个表示要重复次数的参数，并返回一个新的字符串，其中包含原始字符串的指定数量的副本。如果参数是小数，则会被四舍五入为最接近的整数。
以下是 repeat() 的基本语法：
str.repeat(count)
其中，str 是要重复的字符串，count 是要重复的次数。
例如，下面的代码将重复字符串 "hello" 三次并将结果打印到控制台上：
const str = 'hello'; const repeatedStr = str.repeat(3); console.log(repeatedStr); // 输出 "hellohellohello"
手动实现 repeat() 方法
如果你的浏览器不支持 repeat() 方法，或者你想理解它是如何工作的，那么你可以手动实现这个方法。以下是一个示例实现：
-- -------------------- ---- -------
-------- ----------- ------ -
-- ------ - -- -
----- --- ------------------- ----- --------
-
--- ------ - ---
--- ---- - - -- - - ------ ---- -
------ -- ----
-
------ -------
-性能考虑
使用 repeat() 方法通常比手动实现更快，并且可以处理大量重复。这是因为 JavaScript 引擎可以使用高效的内部算法来构建重复字符串，而手动实现则需要循环并将每个副本追加到结果字符串中。
结论
使用字符串方法 repeat() 可以轻松地将字符或字符串重复 n 次。如果你的浏览器不支持这个方法，或者你想理解它是如何工作的，那么你可以手动实现这个方法。在处理大量重复时，最好使用 repeat() 方法以获得更好的性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8174
