JavaScript 中使用 ES6 的 PadStart 和 PadEnd 函数
在 ES6 中，JavaScript 新增加了 String.prototype.padStart() 以及 String.prototype.padEnd() 方法，能够帮助我们方便快捷地将字符串填充到目标长度。
这两个方法可以解决字符串长度不足的问题，方便操作字符串时使用。
下面我们来深入了解一下这两个方法的具体用法以及实际应用场景。
padStart
String.prototype.padStart() 方法的作用是将目标字符串填充到指定的长度，并在目标字符串的左侧添加填充字符。
语法如下：
str.padStart(targetLength [, padString])
参数说明：
targetLength：必选，目标字符串的长度，若目标字符串的长度小于该值，则会通过填充字符将字符串长度补全到该长度；padString：可选，填充字符，默认为" "。
示例代码如下：
const str = "ES6 padStart"; console.log(str.padStart(20, '-')); // 输出："-----ES6 padStart"
这里我们将 "ES6 padStart" 这个字符串填充到 20 个长度的字符串，并在左侧使用 "-" 字符进行填充。
padEnd
与 String.prototype.padStart() 相似， String.prototype.padEnd() 方法的作用是将目标字符串填充到指定长度，并在目标字符串的右侧添加填充字符。
语法如下：
str.padEnd(targetLength [, padString])
参数说明：
targetLength：必选，目标字符串的长度，若目标字符串的长度小于该值，则会通过填充字符将字符串长度补全到该长度；padString：可选，填充字符，默认为" "。
示例代码如下：
const str = "ES6 padEnd"; console.log(str.padEnd(20, '-')); // 输出："ES6 padEnd-------"
这里我们将 "ES6 padEnd" 这个字符串填充到 20 个长度的字符串，并在右侧使用 "-" 字符进行填充。
这两个方法可以很方便地用于固定输出字符串长度的场景，例如输出日志时，我们往往需要一个固定的长度，可以使用 padStart 或 padEnd 对字符串进行填充，以便于日志的查看与管理。
const log = (msg) => {
const maxLength = 15;
console.log(msg.padEnd(maxLength, '.'));
}
log("info"); // 输出："info..........."
log("warning"); // 输出："warning........"
log("error"); // 输出："error.........."在代码中，我们定义了一个长度为 15 的 maxLength，然后通过 padEnd 将不足 15 个长度的字符串填充为 15 个长度，并在字符串的右侧添加 "." 字符作为填充字符。
总结：
本文介绍了 JavaScript 中使用 ES6 的 padStart 和 padEnd 函数，并配合实例进行演示。通过本文，我们不仅对这两个函数的用法和语法有了深入的了解，同时也提供了实际应用的指导意义，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/651fdfd895b1f8cacd76af41