在 ES2017 中，JavaScript 引入了两个新的字符串方法：String.prototype.padStart() 和 String.prototype.padEnd()。这两个方法可以用来在字符串的开头或结尾填充一些字符，使得字符串达到指定的长度。这些方法可以很方便地用于格式化字符串，如在输出日期时，可以将月份和日期补全为两位数。
String.prototype.padStart()
String.prototype.padStart() 方法用于在字符串的开头插入一些字符，使得字符串达到指定的长度。该方法接受两个参数：
targetLength：必需，指定字符串的目标长度。padString：可选，指定用于填充字符串的字符。如果不指定，则默认用空格填充。
下面是一个示例代码：
const str = 'hello'; const paddedStr = str.padStart(10, 'x'); console.log(paddedStr); // 'xxxxhello'
在上面的示例中，我们将字符串 str 补全为长度为 10 的字符串，用字符 'x' 填充。
如果不指定 padString 参数，则默认用空格填充：
const str = 'hello'; const paddedStr = str.padStart(10); console.log(paddedStr); // ' hello'
String.prototype.padEnd()
String.prototype.padEnd() 方法用于在字符串的结尾插入一些字符，使得字符串达到指定的长度。该方法接受两个参数：
targetLength：必需，指定字符串的目标长度。padString：可选，指定用于填充字符串的字符。如果不指定，则默认用空格填充。
下面是一个示例代码：
const str = 'hello'; const paddedStr = str.padEnd(10, 'x'); console.log(paddedStr); // 'helloxxxx'
在上面的示例中，我们将字符串 str 补全为长度为 10 的字符串，用字符 'x' 填充。
如果不指定 padString 参数，则默认用空格填充：
const str = 'hello'; const paddedStr = str.padEnd(10); console.log(paddedStr); // 'hello '
实战应用
这两个方法可以用于很多实际场景中，如在输出日期时，可以将月份和日期补全为两位数：
const date = new Date();
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // '2022-06-01'在上面的示例中，我们使用了 padStart() 方法将月份和日期补全为两位数。这样输出的日期格式就更加规范了。
总结
String.prototype.padStart() 和 String.prototype.padEnd() 方法是 ES2017 中新增的两个字符串方法，用于在字符串的开头或结尾插入一些字符，使得字符串达到指定的长度。这些方法可以很方便地用于格式化字符串，如在输出日期时，可以将月份和日期补全为两位数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65719079d2f5e1655da3f6fb