ECMAScript 2017 新增了 String 原型对象上的 repeat() 方法，该方法可以在字符串中重复复制字符串。这个方法可以在 JavaScript 开发中提供便利，并且是一个非常有用的方法，我们可以将一个字符串重复输出多次来创建任何需要的字符串。
repeat() 语法
使用 repeat() 方法的语法如下：
str.repeat(count);
其中，str 是待重复的字符串值，count 是重复次数。
下面是一个简单的示例，演示如何使用 repeat() 方法在控制台输出一条横线：
const line = '-'; console.log(line.repeat(10));
这段代码将输出连续十条横线，如下所示：
----------
在 JavaScript 开发中的使用场景
我们可以在很多场景中使用 repeat() 方法，其中一些场景如下：
HTML 元素拼接
当我们需要在开发 Web 应用程序时，有时需要将 HTML 元素重复输出多次。例如，为了创建一个表格，我们需要将表格的各个部分按照特定的方式放置在一起，然后重复表的行。在这种情况下，可以使用 repeat() 方法来重复输出 HTML 元素。
下面是一种使用 repeat() 方法创建 HTML 表的示例：
// javascriptcn.com 代码示例
const rows = 3;
const columns = 4;
let table = '<table>';
for (let i = 0; i < rows; i++) {
table += '<tr>' + '<td>' + 'cell1' + '</td>' + '<td>' + 'cell2' + '</td>' + '<td>' + 'cell3' + '</td>' + '<td>' + 'cell4' + '</td>' + '</tr>';
}
table += '</table>';
console.log(table);这个示例将创建一个具有三个行和四个列的表，如下所示：
| cell1 | cell2 | cell3 | cell4 |
|---|---|---|---|
| cell1 | cell2 | cell3 | cell4 |
| cell1 | cell2 | cell3 | cell4 |
字符串填充
在开发中，我们有时需要创建固定大小的字符串。在这种情况下，我们可以使用 repeat() 方法来重复输出空格或任何其他字符，以填充该字符串。
下面是一个简单的示例，演示如何使用 repeat() 方法创建一个空格填充的字符串：
const space = ' ';
const spaces = space.repeat(10);
console.log('Hello' + spaces + 'World');这段代码将输出以下内容：
Hello World
这个示例将用空格填充 Hello 和 World 之间的空间，使其长度为 10。
总结
在 ECMAScript 2017 中，String.prototype.repeat() 方法是一个重要的新增方法。它可以在 JavaScript 开发中方便地实现重复字符串输出，在 HTML 元素拼接和字符串填充等场景中非常实用。我们可以利用这个方法来减少冗余的代码，并在开发中提高效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652cc9387d4982a6ebe5bd30