ECMAScript 2016：解析字符串填充 padStart、padEnd 方法-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2016 标准中，新增了两个方法：padStart 和 padEnd。这两个方法都是用来填充字符串的，其中 padStart 用于将字符串填充到一定的长度并在字符串的左边添加填充字符，padEnd 则是将字符串填充到一定的长度并在字符串的右边添加填充字符。在本文中将详细介绍这两个方法的用法和指导意义。

padStart 方法

该方法可以将一个字符串用另一个字符串填充至指定长度，填充从字符串的左侧开始。该方法接收两个参数：

targetLength：目标字符串的长度，必填参数。
padString：填充字符串，可选参数，默认为空格。

示例代码如下：

const originalString = '12345';
const targetLength = 10;
const padString = '*';

const result = originalString.padStart(targetLength, padString);

console.log(result); // '*****12345'

上述代码将原始字符串 '12345' 填充至长度为 10，并使用 * 符号在左侧进行填充操作。如果原始字符串的长度大于等于目标长度，则返回原始字符串，因为不需要进行填充操作。

padEnd 方法

与 padStart 方法类似，padEnd 方法也是用于字符串填充，但是是在字符串的右侧添加填充字符。该方法同样接收两个参数：

targetLength：目标字符串的长度，必填参数。
padString：填充字符串，可选参数，默认为空格。

示例代码如下：

const originalString = '12345';
const targetLength = 10;
const padString = '*';

const result = originalString.padEnd(targetLength, padString);

console.log(result); // '12345*****'

上述代码将原始字符串 '12345' 填充至长度为 10，并使用 * 符号在右侧进行填充操作。如果原始字符串的长度大于等于目标长度，则返回原始字符串，因为不需要进行填充操作。

指导意义

使用 padStart 和 padEnd 方法可以方便地进行字符串填充操作，并且填充字符可以自定义，而不仅限于空格。该方法可以用于输出统一格式的字符串，比如日期、时间等格式化输出等场景下。使用该方法可以简化代码，提高代码可读性和可维护性。

总结

本文详细介绍了 ECMAScript 2016 中新增的字符串填充方法 padStart 和 padEnd 的用法和指导意义。通过示例代码可以清晰的了解这两种方法的使用，不再需要手写循环进行字符串填充的操作。使用该方法可以提高代码效率，同时还能提高代码的可读性和可维护性，是前端开发人员不可或缺的一项技能。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65373a807d4982a6ebfaaaa1