前言
ECMAScript 2017 中增加了一个新的字符串方法 - String.prototype.padEnd()。相信前端开发人员都会常常使用字符串。在处理字符串时，我们经常要对字符串进行格式化处理，比如在头部或尾部添加字符。这时就可以使用 padEnd() 方法实现。
String.prototype.padEnd() 方法介绍
String.prototype.padEnd() 方法用于将当前字符串进行尾部填充。这个方法接收两个可选参数：第一个参数是需要填充的总长度，第二个参数是用于填充的字符串。如果不传入第二个参数，默认使用空格字符填充。如果当前字符串长度大于等于需要填充的总长度，那么将不会进行填充处理，直接返回当前字符串。
使用方法及示例
以下是一个使用 padEnd() 方法进行字符串格式化的示例代码：
// javascriptcn.com 代码示例
// 示例 1
const str1 = 'hello';
const str2 = str1.padEnd(10, 'world'); // helloworld
const str3 = str1.padEnd(5, 'world'); // hello
console.log(str2);
console.log(str3);
// 示例 2
const num1 = 123;
const num2 = num1.toString().padEnd(8, '0'); // 12300000
console.log(num2);
// 示例 3
const arr = ['apple', 'banana', 'orange'];
for (let i = 0; i < arr.length; i++) {
console.log((i+1) + '. ' + arr[i].padEnd(10, '*'));
}通过上面三个示例可以看到，padEnd() 方法可以很方便地使字符串达到目标长度。在第一个示例中，我们使用 padEnd() 对字符串进行了尾部填充。在第二个示例中，我们将数字类型转成字符串类型，以便使用 padEnd() 对数字进行尾部填充。在第三个示例中，我们对数组中的字符串进行了尾部填充。
适用场景及指导意义
使用 padEnd() 方法可以更加简便地对字符串进行格式化处理。对于需要达到固定长度的字符串输出场景，可以采用 padEnd() 方法实现。比如在制作表格时，如果要求每个单元格长度都一致，就可以使用此方法填充空白字符。同样，当我们需要在输出一些带编号列表的时候，可以使用该方法来填充空白字符，以便使输出的每行字符对齐。
在使用 padEnd() 时，需要注意传入的参数类型。第一个参数必须是数字类型，第二个参数必须是字符串类型。在没有传入第二个参数时，默认使用空格字符进行填充。
总结
String.prototype.padEnd() 方法的出现，使得字符串的格式化处理更加简单和直观。在实际项目中，使用该方法有助于提升代码的可读性和代码的执行效率。在需要格式化处理字符串时，可以尝试使用该方法来提高代码效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652b755e7d4982a6ebd58226