String.prototype.padStart 和 String.prototype.padEnd 的作用是什么？

推荐答案

String.prototype.padStart 和 String.prototype.padEnd 是 ECMAScript 2017 (ES8) 中引入的字符串方法，用于在字符串的开头或结尾填充指定的字符，直到字符串达到指定的长度。

• padStart(targetLength, padString)：在字符串的开头填充字符，直到字符串达到 targetLength 长度。如果 padString 未提供，默认使用空格填充。
• padEnd(targetLength, padString)：在字符串的结尾填充字符，直到字符串达到 targetLength 长度。如果 padString 未提供，默认使用空格填充。

本题详细解读

String.prototype.padStart

padStart 方法用于在字符串的开头填充指定的字符，直到字符串达到指定的长度。如果填充字符的长度超过了目标长度，填充字符会被截断。

语法

str.padStart(targetLength [, padString])

• targetLength：目标长度。如果该值小于或等于原字符串的长度，则返回原字符串。
• padString（可选）：用于填充的字符串。如果未提供，默认使用空格填充。

示例

'abc'.padStart(10);         // "       abc"
'abc'.padStart(10, "foo");  // "foofoofabc"
'abc'.padStart(6, "123465"); // "123abc"
'abc'.padStart(8, "0");     // "00000abc"
'abc'.padStart(1);          // "abc"

String.prototype.padEnd

padEnd 方法用于在字符串的结尾填充指定的字符，直到字符串达到指定的长度。如果填充字符的长度超过了目标长度，填充字符会被截断。

语法

str.padEnd(targetLength [, padString])

• targetLength：目标长度。如果该值小于或等于原字符串的长度，则返回原字符串。
• padString（可选）：用于填充的字符串。如果未提供，默认使用空格填充。

示例

'abc'.padEnd(10);         // "abc       "
'abc'.padEnd(10, "foo");  // "abcfoofoof"
'abc'.padEnd(6, "123456"); // "abc123"
'abc'.padEnd(8, "0");     // "abc00000"
'abc'.padEnd(1);          // "abc"

使用场景

• 格式化输出：在需要对齐文本时，可以使用 padStart 或 padEnd 来填充空格或其他字符。
• 数字补零：在处理数字时，可以使用 padStart 来补零，例如将 5 转换为 05。
• 固定长度字符串：在需要生成固定长度的字符串时，可以使用这两个方法来确保字符串的长度一致。

注意事项

• 如果 targetLength 小于或等于原字符串的长度，则返回原字符串。
• 如果 padString 的长度超过了 targetLength，则 padString 会被截断。
• 如果 padString 未提供，默认使用空格填充。