JavaScript 字符串 padStart() 方法

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

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

语法

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

padStart(targetLength, padString)

参数

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

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

返回值

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

示例 1

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

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