在 ECMAScript 2016 标准中，新增了两个方法：padStart 和 padEnd。这两个方法都是用来填充字符串的，其中 padStart 用于将字符串填充到一定的长度并在字符串的左边添加填充字符，padEnd 则是将字符串填充到一定的长度并在字符串的右边添加填充字符。在本文中将详细介绍这两个方法的用法和指导意义。
padStart 方法
该方法可以将一个字符串用另一个字符串填充至指定长度，填充从字符串的左侧开始。该方法接收两个参数：
targetLength：目标字符串的长度，必填参数。padString：填充字符串，可选参数，默认为空格。
示例代码如下：
----- -------------- - -------- ----- ------------ - --- ----- --------- - ---- ----- ------ - ------------------------------------- ----------- -------------------- -- ------------
上述代码将原始字符串 '12345' 填充至长度为 10，并使用 * 符号在左侧进行填充操作。如果原始字符串的长度大于等于目标长度，则返回原始字符串，因为不需要进行填充操作。
padEnd 方法
与 padStart 方法类似，padEnd 方法也是用于字符串填充，但是是在字符串的右侧添加填充字符。该方法同样接收两个参数：
targetLength：目标字符串的长度，必填参数。padString：填充字符串，可选参数，默认为空格。
示例代码如下：
----- -------------- - -------- ----- ------------ - --- ----- --------- - ---- ----- ------ - ----------------------------------- ----------- -------------------- -- ------------
上述代码将原始字符串 '12345' 填充至长度为 10，并使用 * 符号在右侧进行填充操作。如果原始字符串的长度大于等于目标长度，则返回原始字符串，因为不需要进行填充操作。
指导意义
使用 padStart 和 padEnd 方法可以方便地进行字符串填充操作，并且填充字符可以自定义，而不仅限于空格。该方法可以用于输出统一格式的字符串，比如日期、时间等格式化输出等场景下。使用该方法可以简化代码，提高代码可读性和可维护性。
总结
本文详细介绍了 ECMAScript 2016 中新增的字符串填充方法 padStart 和 padEnd 的用法和指导意义。通过示例代码可以清晰的了解这两种方法的使用，不再需要手写循环进行字符串填充的操作。使用该方法可以提高代码效率，同时还能提高代码的可读性和可维护性，是前端开发人员不可或缺的一项技能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65373a807d4982a6ebfaaaa1