padStart() 与 padEnd()：字符串开始或结束添加指定字符以达到固定长度

padStart() 和 padEnd() 方法用于在字符串的开头或结尾填充指定的字符，以达到指定的长度。以下是它们的详细介绍。

padStart() 方法

语法：

str.padStart(targetLength [, padString])

• targetLength：目标字符串长度。如果原字符串的长度大于或等于此长度，则返回原字符串。
• padString（可选） ：用于填充的字符串，默认值为空格。如果 padString 的长度大于目标长度，则只使用 padString 的前面部分。

返回值：返回一个新字符串，在原字符串的开头填充字符。

示例：

let str = "42";

console.log(str.padStart(5, "0")); // 输出: "00042"
console.log(str.padStart(5));       // 输出: "   42"（默认填充空格）
console.log(str.padStart(5, "abc")); // 输出: "ab42"（使用"abc"填充，取前面部分）

padEnd() 方法

语法：

str.padEnd(targetLength [, padString])

• targetLength：目标字符串长度。如果原字符串的长度大于或等于此长度，则返回原字符串。
• padString（可选） ：用于填充的字符串，默认值为空格。

返回值：返回一个新字符串，在原字符串的结尾填充字符。

示例：

let str = "42";

console.log(str.padEnd(5, "0")); // 输出: "42000"
console.log(str.padEnd(5));       // 输出: "42   "（默认填充空格）
console.log(str.padEnd(5, "abc")); // 输出: "42ab"（使用"abc"填充，取前面部分）

使用场景

1. 格式化输出：在生成报告或表格时，使用 padStart() 和 padEnd() 可以确保数据对齐，使输出更加美观。
2. 处理用户输入：在处理用户输入时，可以使用这些方法确保字符串的长度一致，适合用于固定长度的字符串要求。
3. 生成固定长度的 ID 或代码：在生成特定格式的 ID、编码或序列号时，可以使用这两个方法进行填充。

注意点

1. 返回新字符串：这两个方法不会修改原始字符串，而是返回一个新的字符串。
2. 处理长度：如果 targetLength 小于或等于原字符串的长度，方法将返回原字符串。
3. 字符填充限制：如果提供的 padString 长度大于目标长度，只有前面部分会被使用。
4. 支持的版本：这两个方法在 ECMAScript 2017（ES8）及以上版本中可用，旧版本的 JavaScript 不支持。