作为前端开发人员，我们经常需要处理字符串。ES8在String类中引入了两个新的方法：padStart和padEnd。这两个方法可以让我们更方便地对字符串进行填充操作。
padStart和padEnd方法的详解
padStart和padEnd方法的功能相似，都是用特定字符填充一个字符串，直到字符串达到指定长度为止。
padStart(targetLength, padString)：从字符串左侧开始填充，直到字符串的长度达到targetLength。如果需要填充的字符串不足targetLength，则用padString填充，默认是用空格填充。padEnd(targetLength, padString)：从字符串右侧开始填充，直到字符串的长度达到targetLength。如果需要填充的字符串不足targetLength，则用padString填充，默认是用空格填充。
例如，假设我们有一个字符串 str='123'，要将其填充至长度为5的字符串，可以使用以下代码：
const str = '123'; console.log(str.padStart(5, '0')); // "00123" console.log(str.padEnd(5, '0')); // "12300"
padStart和padEnd的使用场景
数字转为字符串
在实际开发中，可能会出现将数字转为字符串的需求。在这种情况下，可能需要将字符串填充至特定长度，以方便后续的处理。例如，当发送短信验证码时，如果要求验证码长度必须为6位，我们可以使用以下代码：
let code = 123; code = code.toString().padStart(6, '0');
输出对齐
在输出数据到控制台或者日志文件时，可能需要输出对齐。这个时候，就可以使用padStart和padEnd。例如，我们想要将用户信息输出到控制台，要求用户名和密码分别占用10个字符的位置，可以使用以下代码：
const user = { username: 'john', password: '123456' }; console.log(`Username:${user.username.padEnd(10)}|Password:${user.password.padEnd(10)}`);
总结
padStart和padEnd方法是ES8为String类新增的方法，用于字符串填充。这两个方法可以方便地将字符串填充至指定长度，并且支持自定义填充字符串。在实际开发中，我们可以根据具体的需求，灵活地运用这两个方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647866d3968c7c53b04a6ad2
