在 ES8 中,新增了两个字符串填充方法 padStart()
和 padEnd()
,它们可以方便地将字符串填充到指定长度,并且可以指定填充字符。
padStart()
padStart()
方法用于将字符串填充到指定长度,如果字符串长度小于指定长度,则向字符串开头添加指定字符,直到达到指定长度为止。
语法
------------------------- -- -----------
targetLength
:必需,填充后字符串的目标长度。padString
:可选,填充的字符,默认为" "
(空格)。
示例
----- --- - -------- ------------------------------ -- - ------ ---------------------------- ------ -- ------------ ----------------------------- -- -------
padEnd()
padEnd()
方法用于将字符串填充到指定长度,如果字符串长度小于指定长度,则向字符串末尾添加指定字符,直到达到指定长度为止。
语法
----------------------- -- -----------
targetLength
:必需,填充后字符串的目标长度。padString
:可选,填充的字符,默认为" "
(空格)。
示例
----- --- - -------- ---------------------------- -- ------ - -------------------------- ------ -- ------------ --------------------------- -- -------
应用场景
对齐输出
使用 padStart()
和 padEnd()
方法可以方便地对齐输出,如下所示:
----- ---- - ------ ----- --- - --- ----- --- - ---- ----------- ------------------------------- ------ ------------------------------ ----- ------------------------------ -----
输出结果为:
----- --- ---- -- ---- --- ---------
数字前导零
在某些情况下,需要将数字填充到指定长度,并在前面添加前导零,如下所示:
----- ------ - -- ----- ------ - -- ---------------------------------------------- ------ -- -----
总结
padStart()
和 padEnd()
方法是 ES8 中新增的字符串填充方法,它们可以方便地将字符串填充到指定长度,并且可以指定填充字符。在对齐输出和数字前导零等场景中,它们都可以发挥重要作用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6554b301d2f5e1655de86caf