如何在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>
运行上述脚本后,将触发事件并在网页上显示重复三次的字符串。