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

如果將padStringtargetLength 引數都傳遞給此方法,它將透過在末尾新增 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
廣告