在 ECMAScript 2018 中（也称为 ES9），JavaScript 引入了两个新的字符串方法：String.prototype.padStart() 和 String.prototype.padEnd() 。这些方法可以用于将空格填充到字符串中，以使其达到指定的长度。在本篇文章中，我们将深入探讨这两个方法的使用及其指导意义。
String.prototype.padStart()
String.prototype.padStart() 方法将当前字符串填充到给定的目标长度。如果当前字符串长度小于指定的目标长度，则会在开头填充所需数量的空格，直到达到指定的长度为止。如果当前字符串的长度大于或等于指定的长度，则不会添加任何空格并返回原始字符串。
该方法接受两个参数：
- 指定要填充到的目标长度，必须是一个大于或等于零的整数。
- 可选的填充字符串，将默认使用空格作为填充字符（但如果给定了第二个可选参数，则使用该字符串进行填充）。
以下是一些使用 padStart() 方法的示例：
-- -------------------- ---- ------- -- ------ ------- ----- --- - ---- ----- ---------- - --------------- ----- ------------------------ -- ------- -- ------ - ------ ----- ---- - -------- ----- ----------- - ----------------- ------------------------- -- - ------
String.prototype.padEnd()
与 padStart() 方法类似，String.prototype.padEnd() 方法还可以将所需数量的空格填充到字符串的结尾。如果当前字符串长度小于指定的目标长度，则会在末尾添加所需数量的空格，直到达到指定的长度为止。如果当前字符串的长度大于或等于指定的长度，则不会添加任何空格并返回原始字符串。
该方法接受两个参数：
- 指定要填充到的目标长度，必须是一个大于或等于零的整数。
- 可选的填充字符串，将默认使用空格作为填充字符（但如果给定了第二个可选参数，则使用该字符串进行填充）。
以下是一些使用 padEnd() 方法的示例：
-- -------------------- ---- ------- -- ------ ------ - ----- ---- - -------- ----- ----------- - --------------- ------------------------- -- ------ - -- ---------- --- ----- ------- - ------- ------- ----- -------------- - ------------------ ----- ---------------------------- -- ------- ---------
指导意义
padStart() 和 padEnd() 方法提供了创建格式化字符串的简单方式。这些方法通常用于填充数字或字符串，以便将它们对齐或添加所需数量的空格。它们可以用于将文本对齐（例如表格）或为文件名格式化等目的。此外，这些方法还可以用于描述代码中的生成器算法，其中需要填充数字以产生正确的输出。
在使用 padStart() 和 padEnd() 方法时，请确保实现的浏览器或 Node.js 版本支持 ECMAScript 2018 标准。否则，您可能需要先使用 polyfill 进行兼容性处理。
结论
ES9 的 String.prototype.padStart() 和 String.prototype.padEnd() 可以用于将空格填充到字符串中，以使其达到指定的长度。这两个方法提供了创建格式化字符串的简单方式，可用于对齐文本和文件名格式化等目的。在使用这些方法时，请考虑实现的浏览器或 Node.js 版本，并在必要时使用兼容性处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67556ae43af3f99efe4c5412