在 ES8 中，新增了 String.prototype.padEnd() 方法，用于在字符串结尾部分填充指定的字符，以达到字符串长度的某一要求。该方法常常用在前端开发中的文本处理方面，使用该方法能够方便快捷地对字符串的长度进行调整，达到更好的显示效果。下面将对该方法进行详细讲解，并给出一些使用示例。
方法语法
String.prototype.padEnd() 方法的语法如下：
----------------------- -- -----------
- str：要填充的字符串，必需。
- targetLength：填充后的总字符串长度，必需。
- padString：填充用的字符串。如果该参数被省略，则默认使用空格符填充。
方法用法
String.prototype.padEnd() 方法能够接受两个参数，第一个参数控制填充后字符串的长度，第二个参数控制填充使用的字符。下面是一些常见的使用场景和示例。
1. 固定字符串长度填充
使用该方法可以很方便地将字符串长度调整为指定长度，以达到更好的显示效果。例如，如果希望显示一个固定长度的标题并居中显示，可以先计算出填充用的字符数，然后将原始字符串左右两侧分别填充相同数量的字符，最终得到居中显示的标题。
--- ----- - --------- --- --- - --- -- ------ --- ------ - ---- -- ----- --- -------- - ---------------- - ---- - ------------- - -- --------------------- -------- ---------------------- -- --------------------------
2. 自适应字符串长度填充
有时候在实际应用中，我们并不知道需要填充的字符串长度，而是需要根据数据源自适应地填充字符串。在这种情况下，我们需要根据数据源的长度计算出需要填充的字符数，然后使用 fill() 方法生成填充用的字符串。具体实现如下：
--- ---- - -------- --- ---------- - --- -- ------- --- ------ - ---- ---------------- - ----------- - ----------------------- -- ---------- --- ------- - ----------------------- -------- -- ---------- --------------------- -- ----------
方法注意事项
在使用 String.prototype.padEnd() 方法时需要注意一些事项，以避免出现错误或不必要的麻烦。
该方法返回的结果为一个新的字符串，并不会修改原始字符串。如果需要使用填充后的字符串，请同一个变量接收。
targetLength 参数必须是一个大于等于原字符串长度的大于零的整数。否则，该方法会返回原始字符串。
结论
String.prototype.padEnd() 方法是一个很实用的字符串处理方法，在日常的前端开发中有着广泛的应用。它能够帮助我们快速地对字符串长度进行调整，达到更好的显示效果。在使用该方法时，我们需要注意参数的正确性以及方法返回值的特点，以使用得更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6712f6c9ad1e889fe2098210