JavaScript String padEnd() 方法

JavaScript String padEnd() 方法用于用指定的 padString 填充（或扩展）当前字符串以达到给定的长度。填充添加到当前字符串的末尾。如果需要，它可以重复多次，如果我们不向此方法指定此可选参数 padString，则会在该字符串末尾添加空格作为填充，以达到指定的长度。

填充字符串时，会向字符串末尾添加字符，直到其达到特定长度。

语法

以下是 JavaScript String padEnd() 方法的语法：-

padEnd(targetLength, padString)

参数

此方法接受两个名为“targetLength”和“padString”的参数，如下所述：-

targetLength - 新字符串的长度。
padString - 用于填充（扩展）当前字符串的字符串。

返回值

此方法返回一个新的指定 targetLength 的字符串，其中 padString 附加到末尾。

示例 1

如果省略了padString 参数，它将通过在当前字符串末尾添加空格作为填充来扩展字符串，直到其达到指定的 targetLength。

在以下示例中，我们使用 JavaScript String padEnd() 方法用空格作为填充来填充（扩展）字符串“TutorialsPoint”，直到其达到指定的 targetLength 30。

<html>
<head>
<title>JavaScript String padEnd() Method</title>
</head>
<body>
<script>
   const str = "TutorialsPoint";
   document.write("Original string: ", str);
   new_str = "";
   document.write("<br>New string length before added padding: ",new_str.length);
   const targetLength = 30;
   document.write("<br>Target Length: ", targetLength);
   //using padEnd() method
   new_str = str.padEnd(targetLength);
   document.write("<br>New string after padding added to the end of this string: ", new_str);
   document.write("<br>New string length after added padding: ",new_str.length);
</script>
</body>
</html>

输出

以上程序返回一个新的字符串，在字符串“TutorialsPoint”的末尾添加了空格填充。

Original string: TutorialsPoint
New string length before added padding: 0
Target Length: 30
New string after padding added to the end of this string: TutorialsPoint
New string length after added padding: 30

示例 2

如果将padString 和targetLength 参数都传递给此方法，它将通过在末尾添加 padString 来扩展字符串，直到其达到特定长度。

以下是 JavaScript String padEnd() 方法的另一个示例。我们使用此方法通过在字符串末尾添加指定的 padString “#” 来扩展字符串“Hello World”，直到其达到指定的 targetLength 15。

<html>
<head>
<title>JavaScript String padEnd() Method</title>
</head>
<body>
<script>
   const str = "Hello World";
   document.write("Original string: ", str);
   new_str = "";
   document.write("<br>New string length before added padding: ",new_str.length);
   const targetLength = 15;
   const padString = "#";
   document.write("<br>Target Length: ", targetLength);
   document.write("<br>Pad string: ", padString);
   //using padEnd() method
   new_str = str.padEnd(targetLength, padString);
   document.write("<br>New string after padding added to the end of this string: ", new_str);
   document.write("<br>New string length after added padding: ",new_str.length);
</script>
</body>
</html>

输出

执行以上程序后，它将返回一个在末尾添加了填充的新字符串。

Original string: Hello World
New string length before added padding: 0
Target Length: 15
Pad string: #
New string after padding added to the end of this string: Hello World####
New string length after added padding: 15

打印页面