JavaScript 重复一个字符串

在这篇文章中，我们将学习如何在JavaScript中重复一个字符串。我们可以发现在JavaScript中重复一个字符串的三种不同方式，它们被列在下面。

使用while循环
使用递归法
使用ES6 repeat()方法

让我们深入到文章中，了解更多关于如何在JavaScript中重复一个字符串。

While 循环方法

JavaScript中的while循环是一个控制流语句，它允许根据一个给定的布尔条件重复执行代码。

语法

以下是while循环的语法

while (condition)
   statement

在循环的每次迭代之前，都要评估一个条件。如果该条件为真，则执行该语句。如果条件为假，则执行while循环后的任何语句。

示例

在下面的例子中，我们正在运行一个while循环来重复字符串

<!DOCTYPE html>
<html>
   <script>
      function repeatStringNumTimes(string, times) {
         var repeatedString = "";
         while (times > 0) {
            repeatedString += string;
            times--;
         }
         return repeatedString;
      }
      document.write(repeatStringNumTimes("Varma ", 5));
   </script>
</html>

当该脚本被执行时，它将在网页上显示一个由重复5次的字符串组成的输出。正如我们提到的，重复的次数是5。

递归法

递归是一种对行动进行迭代的方法，其中一个函数反复调用自己，直到产生一个结果。递归必须有几个基本的组成部分，才能正常运作。

第一个是基例，这是一个结束递归的语句，通常包含在一个条件子句中，如if。

第二种情况涉及一个递归函数，在语句中对其本身进行调用。

示例

考虑到下面的例子，我们使用递归方法来重复字符串。

<!DOCTYPE html>
<html>
   <script>
      function repeatStringNumTimes(string, times) {
         if(times < 0)
            return "";
         if(times === 1)
            return string;
         else
            return string + repeatStringNumTimes(string, times - 1);
      }
      document.write(repeatStringNumTimes("TP", 3));
   </script>
</html>

在运行上述脚本时，网络浏览器显示重复了三次的字符串，因为当用户运行脚本时，事件被触发。

ES6重复()方法

你将采用String.prototype.repeat()技术，来解决这个问题

repeat()方法创建并返回一个新的字符串。在此基础上，它被*调用。

示例

让我们来看看我们使用ES6 repeat()的例子。方法来重复该字符串。

<!DOCTYPE html>
<html>
   <script>
      function repeatStringNumTimes(string, times) {
         if (times > 0)
            return string.repeat(times);
         else
            return "";
      }
      document.write(repeatStringNumTimes("FOX", 3));
   </script>
</html>

当脚本被执行时，它将产生一个由字符串组成的输出，在事件被触发时重复三次；当用户运行该脚本时。

我们还可以找到另一种在JavaScript中重复一个字符串的方法。让我们来看看它。

fill()方法

这个方法最初接受一个数字，并分配了这些数字的空间。它在所有这些地方插入所提供的字符串，并将它们连接起来，得到一个重复的字符串。

语法

以下是fill()方法的语法

Array(number).fill(string).join('');

示例

在下面的例子中，最初创建了一个有3个槽的数组，所提供的字符串被保存在所有这些槽中，后来使用join()，就可以了。方法。

<html>
<body>
   <script>
      const str = 'Tutorialspoint '
      var d = Array(3).fill(str).join('')
      document.write(d, "<br>");
   </script>
</body>
</html>

在运行上述脚本时，事件被触发，并在网页上显示一个重复三次的字符串。