JavaScript字符串重复方法详解与代码实现

在JavaScript中实现字符串重复，最直接高效的方式就是ES6提供的String.prototype.repeat()方法。它简洁、性能好、语义明确，一行代码即可完成。

推荐使用原生 repeat() 方法

repeat()方法接受一个非负整数作为参数，返回原字符串重复指定次数后的新字符串。示例如下：

• "a".repeat(3) → "aaa"
• "hi ".repeat(2) → "hi hi "
• "x".repeat(0) → ""（空字符串）
• 如果传入负数、NaN或大于2^31−1的值，会抛出RangeError，因此建议调用前进行参数校验。

兼容旧浏览器（如IE）的手动实现方案

如果项目需要兼容IE等老旧浏览器，repeat()方法不可用。此时可以自行封装一个polyfill或工具函数。实现思路很简单：

• 使用空字符串初始化结果，然后循环拼接；
• 或者利用数组技巧：Array(n + 1).join(str)。注意当n === 0时，Array(1).join(str)返回空字符串，符合预期；
• 更健壮的实现会处理边界情况和类型转换：

function repeat(str, count) {
  if (typeof str !== 'string') str = String(str);
  count = Math.floor(Number(count));
  if (count < 0 || !isFinite(count)) return '';
  return Array(count + 1).join(str);
}

注意事项与常见误区

字符串重复操作看似简单，但有几个容易踩的坑需要注意：

• repeat()不会修改原字符串，而是返回一个新字符串——JavaScript中字符串是不可变的，这与所有字符串方法一致。
• 传入小数时会被自动向下取整，例如"x".repeat(2.9)等价于"x".repeat(2)，不会四舍五入。
• 如果重复次数很大（如百万次），需注意内存溢出或性能问题。这种情况下最好先评估业务合理性，避免一次性处理过多数据。
• 避免使用for循环反复+=拼接长字符串——虽然V8等引擎已做了优化，但数组join或repeat方法依然更可靠且更易读。