一、padStart()简介
JavaScript的字符串padStart()
方法用于在当前字符串的开头添加指定数量的字符,以达到指定的字符串长度。如果当前字符串的长度大于或等于指定的字符串长度,则不会添加任何字符。
二、语法
string.padStart(targetLength [, padString])
三、参数解释
targetLength:要达到的字符串长度,必须为一个正整数。
padString:可选的填充字符串,如果不指定,则默认为一个空格。
四、使用实例
下面是一些使用padStart()方法的示例:
//小于两位补零
String(date.getMonth() + 1).padStart(2, '0');
//文件名生成
for (let i = 1; i <= 10; i++) {
const fileName = `file${i.toString().padStart(2, '0')}.txt`;
console.log(fileName); // 输出: file01.txt file02.txt file03.txt ... file10.txt
}
五、注意事项
1、如果fillString的长度大于targetLength,则会截取fillString的前面部分。
2、如果不指定fillString,则默认为一个空格。
3、如果当前字符串的长度大于或等于目标长度,则不会添加任何字符。
六、常用在哪里
padStart()
方法常用于字符串的格式化,比如在输出表格时,确保每列的宽度相同,可以使用padStart()
方法在开头添加空格或其他字符。还可以用于格式化日期、时间等。
七、关于padEnd
padEnd()
可以在字符串的后面进行字符补全,语法参数等都和padStart()
类似。
八、padEnd注意
如果补全字符串长度不足,则从左往右不断循环补全;如果长度超出可以补全的字符长度,则从左侧尽可能补全,补不到的没办法,只能忽略,例如'zhangxinxu'.padEnd(15, {})
等同于执行'zhangxinxu'.padEnd(15, '[object Object]')
,最多只能补5个字符,因此,只能补'[object Object]'
前5个字符,于是最后结果是:'zhangxinxu[obje'
。
padString参数如果不设置,则会使用普通空格' '(U+0020)代替,也就是Space空格键敲出来的那个空格。
九、padEnd案例
在JS前端我们处理时间戳的时候单位都是ms毫秒,但是,后端同学返回的时间戳则不一样是毫秒,可能只有10位,以s秒为单位。所以,我们在前端处理这个时间戳的时候,保险起见,要先做一个13位的补全,保证单位是毫秒。使用示意:
timestamp = +String(timestamp).padEnd(13, '0');
十、兼容性
padStart()
和padEnd()
是属于ES8(ES2017)的方法,兼容性:IE不支持,Chrome版本≥57
本文固定连接:https://code.zuifengyun.com/2025/03/3598.html,转载须征得作者授权。