当前位置: 代码迷 >> 综合 >> js字符串补位(前补零/后补零)
  详细解决方案

js字符串补位(前补零/后补零)

热度:8   发布时间:2024-02-10 19:22:19.0

以前经常会遇到需要给字符串补零的时候,比如把日期转换为期望的格式:

function dateFormat (date, fmt) {var o = {'M+': date.getMonth() + 1, // 月份'd+': date.getDate(), // 日'h+': date.getHours(), // 小时'm+': date.getMinutes(), // 分's+': date.getSeconds(), // 秒'q+': Math.floor((date.getMonth() + 3) / 3), // 季度'S': date.getMilliseconds() // 毫秒}if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))}for (var k in o) {if (new RegExp('(' + k + ')').test(fmt)) {fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))}}return fmt
})

这里在处理月/日/时/分/秒的时候很笨拙的添加了‘00’,然后使用长度判断来截取几位数。

当然也可以封装成简洁一点的通用方法,单纯按照需要的位数来前/后截取补零:

// 前补零(str不能为空,否则会少一位TT)
function fixZeroStart(str, n) {return (Array(n).join(0) + str).slice(-n);
}// 后补零(str不能为空,否则会少一位TT)
function fixZeroEnd(str, n) {return (str + Array(n).join(0)).slice(0, n);
}

然而今天涨知识了,被告知了一个新方法:

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。`padStart()`用于头部补全,`padEnd()`用于尾部补全。

所以以后可以用原生方法了,不仅可以补零,想补什么都行...

// 前补零
'1'.padStart(5, '0')  // '00001'// 后补零
'1'.padEnd(5, '0')  // '10000'// 任意补位
'abc'.padEnd(8, '01') // 'abc01010'

 

  相关解决方案