JavaScript 字符串 padEnd() 方法

JavaScript 字符串 padEnd() 方法使用指定的 padString 填充(或扩展)当前字符串，以达到指定的长度。填充内容将添加到当前字符串的末尾。如果需要，可以重复执行多次。如果我们没有为此方法指定可选参数 padString，它会在字符串末尾添加空格以达到指定的长度。

填充字符串时，会在字符串末尾添加字符，直到达到一定长度。

语法

以下是 JavaScript 字符串 padEnd() 方法的语法 -

padEnd(targetLength, padString)

参数

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

• targetLength - 新字符串的长度。
• padString - 要填充的字符串用空格填充(扩展)当前字符串。

返回值

此方法返回一个具有指定 targetLength 的新字符串，并将 padString 附加到末尾。

示例 1

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

在下面的示例中，我们使用 JavaScript 字符串 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);
   //使用 padEnd() 方法
   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 字符串 padEnd() 方法的另一个示例。我们使用此方法来扩展这个字符串"Hello World"，通过在字符串末尾添加指定的padString "#"，直到达到指定的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);
   //使用 padEnd() 方法
   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