js字符串补位（前补零/后补零）

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

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'

转载于：https://blog.csdn.net/evalost/article/details/107993152