用另一个字符串将字符串填充到特定长度

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

String.prototype.padStart()

padStart() 方法使用另一个字符串填充 字符串 到特定长度，并从字符串的开头开始返回达到特定长度的结果字符串。以下是 padStart() 方法的说明

String.prototype.padStart(padLength [,padString]);
Code language: CSS (css)

padStart() 方法接受两个参数

• padLength 是填充后结果字符串的长度。如果 padLength 小于字符串的长度，则会原样返回字符串，不会进行填充。
• padString 是一个可选参数，用于填充字符串。此参数的默认值为“”。如果 padString 大于 padLength，则 padString 将被截断，并且只会填充最左边的部分。

String.prototype.padStart() 示例

假设您想要一个长度为 8 个字符的数字字符串。对于长度小于 8 的字符串，将用零 (0) 填充。

let str = '1234'.padStart(8,'0');
console.log(str); // "00001234"
Code language: JavaScript (javascript)

以下示例通过空格填充字符串，因为我们没有传递填充字符串。

let str = 'abc'.padStart(5);
console.log(str); // "  abc" 
Code language: JavaScript (javascript)

String.prototype.padEnd()

与 padStart() 方法类似，padEnd() 方法将字符串填充到特定长度，并用另一个字符串填充。但是，padEnd() 方法从字符串的末尾进行填充。以下是 padEnd() 方法的语法

String.prototype.padEnd(padLength [,padString]);
Code language: CSS (css)

String.prototype.padEnd() 示例

请参阅以下示例

let str = 'abc'.padEnd(5);
console.log(str); // "abc  "
Code language: JavaScript (javascript)

在此示例中，因为我们没有提供第二个参数，padEnd() 方法使用空格 ' ' 来填充 'abc' 字符串。以下是一个示例

str = 'abc'.padEnd(5,'*');
console.log(str); // "abc**"
Code language: JavaScript (javascript)

在此示例中，我们使用 * 字符串作为第二个参数，结果字符串被两个 * 字符串填充，使其长度为 5。以下是一个示例

str = 'abc'.padEnd(5,'def');
console.log(str); // "abcde"
Code language: JavaScript (javascript)

在此示例中，结果字符串的长度必须为 5，因此填充字符串被截断（"f"），并且只有其最左边的部分（"de"）被填充。

在本教程中，您已经学习了如何使用 padStart() 和 padEnd() 方法将字符串填充到特定长度，并用另一个字符串填充。