如何在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 次瀏覽

啟動您的職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.