如何在 JavaScript 中重复字符串?
在本文中,我们将学习如何在 JavaScript 中重复字符串。我们可以找到在 JavaScript 中重复字符串的三种不同方法,它们列在下面。
使用 while 循环
使用递归
使用 ES6 repeat() 方法
让我们深入研究本文,了解有关如何在 JavaScript 中重复字符串的更多信息。
While 循环方法
JavaScript 中的 while 循环是一种控制流语句,允许根据给定的布尔条件重复执行代码。
语法
以下是 while 循环的语法
while (条件) 语句
在循环的每次迭代之前评估条件。如果条件为真,则执行语句。如果条件为假,则执行 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>
运行上述脚本时,Web 浏览器会显示重复三次的字符串,因为用户运行脚本时会触发事件。
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>
运行上述脚本时,事件被触发并在网页上显示重复三次的字符串。