JS字符串补全最新方法padStart()和padEnd()简介

一、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

加载中...
加载中...