在 ES7 中，新增了两个字符串方法 padStart() 和 padEnd()，它们分别用于在字符串的开头和结尾添加指定长度的填充字符。这些方法在处理字符串对齐和格式化输出时非常有用。
padStart() 和 padEnd() 的用法
这两个方法的用法类似，都接受两个参数：第一个参数是填充后字符串的总长度，第二个参数是填充字符。如果原字符串长度已经达到或超过指定长度，则不会添加任何填充字符。
下面是 padStart() 和 padEnd() 的示例代码：
----- --- - -------- ---------------------------- ------ -- ------------ -------------------------- ------ -- ------------
在上面的例子中，原字符串 "hello" 被填充字符 "-" 填充到了总长度为 10 的字符串。注意，填充字符可以是任何字符，包括空格、数字、字母和符号等。
常见问题
1. 参数顺序
在使用 padStart() 和 padEnd() 时，需要注意参数的顺序。第一个参数是填充后字符串的总长度，第二个参数是填充字符。如果将参数顺序颠倒，会导致结果不符合预期。
2. 填充字符长度
填充字符的长度不能为负数或者超过一个字符。如果填充字符长度为负数，则会抛出 RangeError 异常。
3. 填充后字符串长度
填充后的字符串长度不能超过 Number.MAX_SAFE_INTEGER，否则会抛出 RangeError 异常。
4. 与其他字符串方法的结合使用
padStart() 和 padEnd() 可以与其他字符串方法结合使用，例如 slice()、substring() 和 substr() 等。这样可以对字符串进行更加灵活的操作。
下面是一个示例代码，使用 padStart() 和 slice() 方法将字符串的前三个字符填充到长度为 10：
----- --- - -------- ------------------------ --------------- ------ -- ------------
总结
padStart() 和 padEnd() 是 ES7 中新增的字符串方法，用于在字符串的开头和结尾添加指定长度的填充字符。使用时需要注意参数顺序、填充字符长度、填充后字符串长度等问题。这些方法可以与其他字符串方法结合使用，对字符串进行更加灵活的操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d745a01886fbafa44f89ed