JavaScript string的padStart和padEnd的使用

本文链接：https://blog.csdn.net/weixin_54012475/article/details/112981320

本文详细介绍了JavaScript中的字符串填充方法padStart和padEnd，包括它们的用法、参数解释以及实例演示。padStart用于在字符串开头填充到指定长度，padEnd则在字符串末尾填充。这两个方法在处理格式化输出时非常有用，可以确保字符串达到预期的长度，并且能够灵活地使用指定字符进行填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

一、padStart
二、padEnd

一、padStart

padStart() 方法是在当前字符串的头部填充字符串到指定目标长度

语法：str.padStart（length[，padStr]）

length：填充的目标长度，如果小于当前字符串的长度则会忽略

padStr：填充的字符串，默认为空字符串("")

返回值：在当前字符串头部填充字符串到指定目标长度的新字符串

const str = 'abcde'
str.padStart(10)  // '     abcde'  不传填充的字符串默认使用空格填充
str.padStart(10, '*')  // '*****abcde'
str.padStart(10, 'js')  // 'jsjsjabcde' 会重复填充的字符串直到目标长度
str.padStart(3, '*')  // 'abcde'  如果填充的长度小于当前的字符串长度则返回当前的字符串
str.padStart(10, 'javascript')  // 'javasabcde'  如果填充的字符串过长则会发生截取，只填充左侧的部分

二、padEnd

padEnd() 方法是在当前字符串的尾部填充字符串到指定目标长度

语法：str.padEnd(length[ ，padStr ])

length：填充的目标长度，如果小于当前字符串则会忽略

padStr：填充的字符串，默认为空字符串

返回值：在当前字符串的尾部填充字符串到指定长度的新字符串

const str = 'abcde'
str.padEnd(10)  // 'abcde     ' 不传填充的字符串默认使用空格填充
str.padEnd(10, 'js')  // abcdejsjsj 会重复填充的字符串直到目标长度
str.padEnd(3, 'js')  // 'abcde' 长度小于当前字符串的长度会忽略
str.padEnd(10, 'javascript')  // 'abcdejavas' 如果填充的字符串的长度过长，会发生截取，只填充左侧的字符串