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

列印頁面