如何使用padStart()和padEnd()方法实现JavaScript字符串长度补全？

本文共计951个文字，预计阅读时间需要4分钟。

这个方法看似简单，实则实用。分享一点心得：我想大家都会遇到将时间转换成时间格式的时刻，日期或时间不显示两位数的前面加0。有了今天说的这个方法，就可以轻松实现。

这个方法无意中看到的，感觉还是蛮实用的，特此分享一波。我想大家都会有遇到将时间戳转换成时间格式的时候，时间或日期不足2位的前面补0。有了今天说的这个东西，就又可以少写几行代码了，大家在项目中遇到类似场景可以去使用感受下。

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。

padStart() padEnd() 方法用另一个字符串填充当前字符串(如果需要的话则重复填充)，返回填充后达到指定长度的字符串。
padStart() 从当前字符串的开始(左侧) 位置填充。
padEnd() 从当前字符串的末尾（右侧）开始填充。

语法：

str.padStart(targetLength [, padString]) str.padEnd(targetLength [, padString])

padStart() 和 padEnd() 一共接受两个参数，第一个参数 targetLength 是当前字符串需要填充到的目标长度，第二个参数 padString 是用来填充的字符串，缺省值为" "。

返回值：

在原字符串开头填充指定的填充字符串直到目标长度所形成的新字符串。

如果 targetLength 小于当前字符串的长度，则字符串补全不生效，返回当前字符串本身。