字串— padStart() 和 padEnd()

喆星高照發表於2024-06-17
字串

在今天的教程中，我們將一起來學習新的字串，padStart() 和 padEnd()，它可以幫助我們實現用另一個字串填充一個字串，直到結果字串達到給定的長度。

下面，我們就開始今天的內容吧。

String.prototype.padStart()

padStart() 方法從字串的開頭用另一個字串填充一個字串到一定長度，並返回一個達到一定長度的結果字串。下面說明了 padStart() 方法： 
String.prototype.padStart(padLength [,padString]);

padStart() 方法有兩個引數：

  • padLength 是填充後的結果字串的長度。如果 padLength 小於字串的長度，則字串按原樣返回，沒有填充。

  • padString 是一個可選引數，用於填充字串。此引數的預設值為“ ”。如果 padString 大於 padLength，padString 將被截斷，只填充最左邊的部分。

String.prototype.padStart() 示例

假設您想要一個包含 8 個字元的數字字串。對於長度小於 8 的字串，它將用零 (0) 填充。

let str = '1234'.padStart(8,'0');console.log(str); // "00001234"

以下示例用空格填充字串，因為我們不傳遞填充字串。

let str = 'abc'.padStart(5);console.log(str); // "  abc"

String.prototype.padEnd()

與 padStart() 方法類似，padEnd() 方法用另一個字串填充一個字串到特定長度。但是，padEnd() 方法從字串的末尾開始填充。下面顯示了 padEnd() 方法的語法：

String.prototype.padEnd(padLength [,padString]);

String.prototype.padEnd() 示例

請參閱以下示例：

let str = 'abc'.padEnd(5);console.log(str); // "abc  "

在這個例子中，因為我們沒有提供第二個引數，padEnd() 方法使用空格''來填充'abc'字串。

這是另一個例子：

str = 'abc'.padEnd(5,'*');console.log(str); // "abc**"

在這個例子中，我們使用 * 字串作為第二個引數，結果字串被兩個 * 字串填充，使其長度為 5。

這是另一個例子：

str = 'abc'.padEnd(5,'def');console.log(str); // "abcde"

在此示例中，結果字串的長度必須為 5，因此，填充字串被截斷 ("f")，僅填充其最左邊的部分 ("de")。

總結

透過本教程的學習，我們已經知道了如何使用 padStart() 和 padEnd() 方法用另一個字串填充一個字串到特定長度。

相關文章