在前端开发中，经常需要对字符串进行处理和格式化。ES8 新增的 String PadStart() 和 PadEnd() 方法为填充字符串提供了一种简单的技巧。本文将介绍这两个方法的用法和示例，帮助读者更好地理解和应用这些技术。
String PadStart() 方法
String PadStart() 方法用于在字符串的开头添加指定的填充字符，直到字符串达到指定的长度。该方法的语法如下：
str.padStart(targetLength [, padString])
其中，targetLength 是最终字符串的长度，padString 是用于填充的字符，默认为 " "（空格）。如果填充字符的长度不足以填满指定长度，则会重复使用填充字符。
下面是一个使用 String PadStart() 方法的示例：
const str = "123"; const padStr = str.padStart(5, "0"); console.log(padStr); // "00123"
在上面的示例中，padStr 是一个长度为 5 的字符串，原始字符串 "123" 前面添加了两个 "0" 填充字符。
String PadEnd() 方法
String PadEnd() 方法用于在字符串的结尾添加指定的填充字符，直到字符串达到指定的长度。该方法的语法如下：
str.padEnd(targetLength [, padString])
其中，targetLength 是最终字符串的长度，padString 是用于填充的字符，默认为 " "（空格）。如果填充字符的长度不足以填满指定长度，则会重复使用填充字符。
下面是一个使用 String PadEnd() 方法的示例：
const str = "123"; const padStr = str.padEnd(5, "0"); console.log(padStr); // "12300"
在上面的示例中，padStr 是一个长度为 5 的字符串，原始字符串 "123" 后面添加了两个 "0" 填充字符。
总结
ES8 新增的 String PadStart() 和 PadEnd() 方法为填充字符串提供了一种简单的技巧。通过这两个方法，我们可以很方便地在字符串的开头或结尾添加指定的填充字符，使字符串达到指定的长度。这些方法不仅可以提高代码的可读性和可维护性，还可以减少开发者的工作量。我们在实际开发中，可以根据需要灵活运用这些技巧，提高开发效率和代码质量。
示例代码
-- -------------------- ---- ------- -- ------ ---------- ---- ----- --- - ------ ----- ------ - --------------- ----- -------------------- -- ------- -- ------ -------- ---- ----- --- - ------ ----- ------ - ------------- ----- -------------------- -- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d43a50add4f0e0ffc4198e