JavaScript string repeat() 方法

2025年3月18日 | 阅读 5 分钟

ECMAScript6 (ES6) 提供了字符串 repeat() 方法来重复给定的字符串。该字符串可以通过函数和事件显示所需次数的数据。repeat 方法不会影响原始数据,而是将相同的数据显示所需的次数。

换句话说,字符串 repeat 方法会在 script 标签上执行操作,显示一个新字符串。repeat() 方法会将给定的字符串复制所需的次数。repeat 方法的负值会报错,零值不显示任何数据。正值会显示字符串值。

语法

语法显示了如何使用 JavaScript 的 repeat() 方法处理字符串值。

说明

  • "string_var" 复制给定的输入字符串数据。
  • "counts" 是一个必需的输入参数。它表示字符串所需的复制次数。

支持的浏览器

以下浏览器支持 JavaScript 字符串 repeat 方法。

  • Google Chrome 41 版本或更高版本
  • Edge 12 或更高版本
  • Firefox 24 版本或更高版本
  • Opera 28 版本或更高版本
  • Safari 9 版本或更高版本
  • Internet Explorer 11 或更高版本。

注意:- Internet Explorer 11 及更早版本不支持 repeat() 方法。

示例

以下示例展示了具有不同事件的多种数据类型。

示例 1: 以下示例展示了 JavaScript 中基本的字符串 repeat 方法。我们可以复制输入字符串并使用一次和两次计数来显示值。

输出

该图片显示了 repeat 方法的信息作为输出。

JavaScript string repeat() method

示例 2: 以下示例展示了 JavaScript 中基本的字符串 repeat 方法。我们可以将 repeat 方法与 onclick 函数一起使用。如果我们单击按钮,它将显示字符串值计数。

输出

该图片显示了 repeat 方法的信息作为输出。

JavaScript string repeat() method

示例 3: 以下示例展示了 JavaScript 中基本的字符串 repeat 方法。我们可以将 repeat 方法与加法和十进制值一起使用。我们可以添加计数并显示字符串。

输出

该图片显示了 repeat 方法的信息作为输出。

JavaScript string repeat() method

示例 4: 以下示例展示了 JavaScript 中基本的字符串 repeat 方法。我们可以复制输入字符串并使用一次和两次计数来显示值。负数计数会在控制台选项卡中显示类型错误,而 0 计数不显示任何值。

输出

该图片显示了 repeat 方法的信息作为输出。

JavaScript string repeat() method

示例 5: 以下示例展示了 JavaScript 中基本的字符串 repeat 方法。我们可以将 repeat 方法与加法和十进制值一起使用。单击按钮时,我们可以添加计数。

输出

该图片显示了 repeat 方法的信息作为输出。

JavaScript string repeat() method

示例 6: 以下示例展示了 JavaScript 中基本的字符串 repeat 方法。我们可以直接使用 repeat 方法处理数据。我们不需要任何变量来获取字符串数据。

该图片显示了 repeat 方法的信息作为输出。

JavaScript string repeat() method

结论

repeat() 方法会显示字符串数据的多个副本。我们可以使用 JavaScript 函数直接操作和处理该值。