JavaScript padStart() 方法

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

填充字符串时，您会在字符串开头添加字符，直到其达到特定长度。

语法

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

padStart(targetLength, padString)

参数

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

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

返回值

此方法返回一个指定 targetLength 的新字符串，其中 padString 附加在开头。

示例 1

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

在下面的示例中，我们使用 JavaScript String padStart() 方法来填充（扩展）字符串，在字符串 "TutorialsPoint" 的开头添加空格作为填充，直到达到指定的 targetLength 20。

<html>
<head>
<title>JavaScript String padStart() 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 = 20;
   document.write("<br>Target Length: ", targetLength);
   //using padStart() method
   new_str = str.padStart(targetLength);
   document.write("<br>New string after padding added to the begining 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: 20
New string after padding added to the begining of this string: TutorialsPoint
New string length after added padding: 20

示例 2

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

以下是 JavaScript String padStart() 方法的另一个示例。我们使用此方法通过在字符串 "Hello World" 的开头添加指定的 padString "Hi" 来扩展此字符串，直到达到指定的 targetLength 25。

<html>
<head>
<title>JavaScript String padStart() 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 = 25;
   const padString = "Hi";
   document.write("<br>Target Length: ", targetLength);
   document.write("<br>Pad string: ", padString);
   //using padStart() method
   new_str = str.padStart(targetLength, padString);
   document.write("<br>New string after padding added to the begining 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: 25
Pad string: Hi
New string after padding added to the begining of this string: HiHiHiHiHiHiHiHello World
New string length after added padding: 25

打印页面