【JS字符串】padStart() & padEnd() – 用另一个字符串填充一个字符串到一定长度

在本教程中，您将学习如何将一个字符串与另一个字符串填充到一定长度。

字符串.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()

padEnd() 方法与 padStart() 方法类似，用另一个字符串填充一个字符串到一定长度。 但是，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() 方法用另一个字符串将一个字符串填充到一定长度。