以前经常会遇到需要给字符串补零的时候,比如把日期转换为期望的格式:
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'