js中如何填充字符串

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)

如知AI笔记

如知笔记——支持markdown的在线笔记，支持ai智能写作、AI搜索，支持DeepseekR1满血大模型

27

查看详情

例子：

'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兼容性良好，现代浏览器都支持，写起来也简单直观。

以上就是js中如何填充字符串的详细内容，更多请关注php中文网其它相关文章！