javaScript中填充字符串主要用padStart()和padEnd()方法。1. padStart(targetLength, padString)在字符串开头填充,直至达到目标长度,常用于时间格式化或编号补零,如’5′.padStart(3, ‘0’)得’005’;2. padEnd(targetLength, padString)在结尾填充,如’hello’.padEnd(8, ‘!’)得’hello!!!’;两者均支持指定填充字符,默认为空格,广泛用于数据格式化场景,现代浏览器兼容性良好。

javascript中填充字符串主要使用两个内置方法:padStart() 和 padEnd()。它们可以在字符串的开头或结尾添加指定内容,直到达到目标长度。
padStart() – 在开头填充
这个方法在字符串的前面添加填充字符,直到字符串达到指定长度。
语法:
str.padStart(targetLength, padString)
- targetLength:最终字符串需要的长度
- padString:用来填充的字符串(可选,默认为空格)
例子:
'5'.padStart(3, '0'); // 结果是 '005'
'hello'.padStart(8, '*'); // 结果是 '***hello'
padEnd() – 在结尾填充
这个方法在字符串的后面添加填充字符。
语法:
str.padEnd(targetLength, padString)
例子:
'5'.padEnd(3, '0'); // 结果是 '500'
'hello'.padEnd(8, '!'); // 结果是 'hello!!!'
实际应用场景
这些方法常用于格式化数据,比如:
- 时间显示:把
9:5:3变成09:05:03 - 编号补零:订单号从
123变成000123 - 对齐文本输出,比如日志或表格
示例:格式化时间为两位数
function formatTime(num) {<br> return String(num).padStart(2, '0');<br> }<br> formatTime(7); // '07'
基本上就这些。padStart和padEnd兼容性良好,现代浏览器都支持,写起来也简单直观。