ES7 引入了两个新方法:String.prototype.padStart()
和 String.prototype.padEnd()
。这两个方法可以在字符串两侧填充一定数量的字符以达到指定长度。
String.prototype.padStart()
String.prototype.padStart()
方法可以在字符串的开头插入一定数量的字符。它接受两个参数:一个是要插入的字符的数量(必须是正整数),另一个是要插入的字符。如果没有提供第二个参数,则默认使用空格。
示例:
----- --- - -------- ----- --------- - ---------------- ------ ----------------------- -- ------- -----------------
上述示例中,我们将字符 🚀
插入到字符串 hello
的开头,以使整个字符串的长度为 10
。
String.prototype.padEnd()
String.prototype.padEnd()
方法可以在字符串的结尾插入一定数量的字符。它接受两个参数:一个是要插入的字符的数量(必须是正整数),另一个是要插入的字符。如果没有提供第二个参数,则默认使用空格。
示例:
----- --- - -------- ----- --------- - -------------- ------ ----------------------- -- ------- -----------------
上述示例中,我们将字符 🌎
插入到字符串 world
的结尾,以使整个字符串的长度为 10
。
应用场景
这两个方法在某些场景下非常有用,比如在打印日志时需要填充一定数量的空格以使输出排版更加美观。
----- --------- - --------- ------- ------- --------- --- ---- ----- -- ---------- - ----------------------------- -------------- -
输出结果:
----- ---------- ---- ---------- ---- ---------- ----- ----------
总结
String.prototype.padStart()
和 String.prototype.padEnd()
方法可以方便地向字符串的开头或结尾插入指定数量的字符,以达到指定的长度。这两个方法在一些场景下非常有用,如日志排版等。如果您还没有使用过这些方法,那么您一定应该试试。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64963cd748841e9894324e09