在ES8标准中，JavaScript引入了两个新方法 String.prototype.padStart() 和 String.prototype.padEnd()。这两个方法可以用来对字符串进行填充，使其达到指定长度。
padStart()的使用
padStart()方法用于在当前字符串头部添加指定字符,直到字符串达到指定长度，参数如下：
------------------------- -------------
其中，targetLength参数是必须的，用于指定字符串最终的目标长度。如果当前字符串长度小于目标长度，则会在头部添加相应个数的填充字符 padString。
以下是一些padStart()方法的实例：
--- --- - ------ --------------------------- ------ ---------- ---------------------------- --------------------------- --------------------------- ------ -------
在第一个示例中，当字符串长度小于目标长度时，在字符串头部添加了三个零，使其长度达到了6。
在第二个示例中，在字符串头部添加一个'Hello'，直到字符串长度达到了10。
在第三个示例中，目标长度小于字符串长度，因此不进行任何操作。
需要注意的是，如果未传递 padString 参数，默认值为' '（空格），但我们也可以使用任何其他字符作为填充字符。
padEnd()的使用
padEnd()方法与 padStart() 方法类似，只是它在字符串尾部添加填充字符来达到目标长度。参数如下：
----------------------- -- -----------
以下是一些 padEnd() 方法的示例：
--- --- - -------- ------------------------- - --------- -------- --- -------------------------- ---------- -------------- ------------------------- ------- --------- ---------------------------- -------- -
在第一个示例中，在字符串末尾添加“World”，直到字符串长度为8。
在第二个示例中，我们将‘12345’添加到字符串的末尾，直到达到目标长度。
在第三个示例中，由于目标长度小于‘Hello’的长度，因此不进行任何操作。
在第四个示例中，默认为用空格字符填充字符串末尾，直到达到目标长度为10.
应用场景
这两个方法可以被广泛地应用于对齐字符串格式，例如控制命令行输出中的表格列，或者为文件名等指定固定长度格式。
以下是应用示例：
----- -------- - ---------- ----------------- ----- - - ------------------- ---- - ------------ ----- -------------------
在此示例中，要求文件名在20位字符宽度内且最少要左对齐，因此使用padEnd()方法。
我们可以将输出的结果存储在一个变量中，然后与其他字符串连接起来，以便进行适当格式化。
结论
这两个方法为字符串的填充提供了方便的方式，简化了代码编写，同时提高了可读性。在编写具有特定格式需求的应用时，可以使用它们来对字符串对齐。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6729ac312e7021665e254573