JavaScript string的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' 如果填充的字符串的长度过长，会发生截取，只填充左侧的字符串