如何在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。

递归方法

递归是一种迭代操作的方法,其中一个函数反复调用自身,直到产生结果。为了正确运行,递归必须具备一些基本组件。

首先是基本情况,这是一个结束递归的语句,通常包含在一个条件子句中,如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 repeat()方法

对于此解决方案,您将使用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>

运行上述脚本后,将触发事件并在网页上显示重复三次的字符串。

更新于:2023年1月18日

616 次浏览

启动您的职业生涯

通过完成课程获得认证

开始
广告