英文?|?https://www.javascripttutorial.net/

譯文 | 楊小愛

在上節(jié)，我們學(xué)習(xí)了JavaScript 字符串trim()、trimStart() 和 trimEnd()，錯(cuò)過的小伙伴可以點(diǎn)擊文章《【JavaScript 教程】第五章字符串03— trim()、trimStart() 和 trimEnd()》進(jìn)行學(xué)習(xí)。

那么，在今天的教程中，我們將一起來學(xué)習(xí)新的字符串，padStart() 和 padEnd()，它可以幫助我們實(shí)現(xiàn)用另一個(gè)字符串填充一個(gè)字符串，直到結(jié)果字符串達(dá)到給定的長度。

下面，我們就開始今天的內(nèi)容吧。

String.prototype.padStart()

padStart() 方法從字符串的開頭用另一個(gè)字符串填充一個(gè)字符串到一定長度，并返回一個(gè)達(dá)到一定長度的結(jié)果字符串。下面說明了 padStart() 方法：


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

padStart() 方法有兩個(gè)參數(shù)：

padLength 是填充后的結(jié)果字符串的長度。如果 padLength 小于字符串的長度，則字符串按原樣返回，沒有填充。
padString 是一個(gè)可選參數(shù)，用于填充字符串。此參數(shù)的默認(rèn)值為“ ”。如果 padString 大于 padLength，padString 將被截?cái)?，只填充最左邊的部分?/span>

String.prototype.padStart() 示例

假設(shè)您想要一個(gè)包含 8 個(gè)字符的數(shù)字字符串。對于長度小于 8 的字符串，它將用零 (0) 填充。


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

以下示例用空格填充字符串，因?yàn)槲覀儾粋鬟f填充字符串。


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

String.prototype.padEnd()

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


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

請參閱以下示例：


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

在這個(gè)例子中，因?yàn)槲覀儧]有提供第二個(gè)參數(shù)，padEnd() 方法使用空格''來填充'abc'字符串。?

這是另一個(gè)例子：


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

在這個(gè)例子中，我們使用 * 字符串作為第二個(gè)參數(shù)，結(jié)果字符串被兩個(gè) * 字符串填充，使其長度為 5。

這是另一個(gè)例子：


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

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

總結(jié)

通過本教程的學(xué)習(xí)，我們已經(jīng)知道了如何使用 padStart() 和 padEnd() 方法用另一個(gè)字符串填充一個(gè)字符串到特定長度。

如果你還想學(xué)習(xí)更多的內(nèi)容，請點(diǎn)擊下文鏈接進(jìn)行學(xué)習(xí)。