前端学习之编程题系列：（八）时间格式化输出

写在前面

本题目来自牛客网，已经成功通过测试。笔者刚刚开始学习前端，准备在掘金记录下自己的学习过程，欢迎和我一样准备入门前端的小伙伴们一起交流学习，也欢迎各位大佬批评指正~~~

题目描述

按所给的时间格式输出指定的时间
格式说明
对于 2014.09.05 13:14:20
yyyy: 年份，2014
yy: 年份，14
MM: 月份，补满两位，09
M: 月份, 9
dd: 日期，补满两位，05
d: 日期, 5
HH: 24制小时，补满两位，13
H: 24制小时，13
hh: 12制小时，补满两位，01
h: 12制小时，1
mm: 分钟，补满两位，14
m: 分钟，14
ss: 秒，补满两位，20
s: 秒，20
w: 星期，为 ['日', '一', '二', '三', '四', '五', '六'] 中的某一个，本 demo 结果为 五

示例

输入

formatDate(new Date(1409894060000), 'yyyy-MM-dd HH:mm:ss 星期w')

输出

2014-09-05 13:14:20 星期五

题解一

function formatDate(oneDate, formatStr){
    const obj = {
        yyyy: oneDate.getFullYear(),
        yy: ("" + oneDate.getFullYear()).slice(-2),
        MM: ("0" + (oneDate.getMonth()+1)).slice(-2),
        M: oneDate.getMonth()+1,
        dd: ("0" + oneDate.getDate()).slice(-2),
        d: oneDate.getDate(),
        HH: ("0" + oneDate.getHours()).slice(-2),
        H: oneDate.getHours(),
        hh: ("0" + (oneDate.getHours()%12)).slice(-2),
        h: oneDate.getHours()%12,
        mm: ("0" + oneDate.getMinutes()).slice(-2),
        m: oneDate.getMinutes(),
        ss: ("0" + oneDate.getSeconds()).slice(-2),
        s: oneDate.getSeconds(),
        w: ['日', '一', '二', '三', '四', '五', '六'][oneDate.getDay()]
    }
    for (let el in obj){
        formatStr = formatStr.replace(el, obj[el])
    }
    return formatStr
}

题解二

function formatDate(t,str){
  var obj = {
    yyyyyyyy:t.getFullYear(),
    yy:t.getFullYear(),
    MM:t.getMonth()+1,
    dd:t.getDate(),
    HH:t.getHours(),
    hh:t.getHours() % 12,
    mm:t.getMinutes(),
    ss:t.getSeconds(),
    ww:['日', '一', '二', '三', '四', '五', '六'][t.getDay()]
  };
  return str.replace(/([a-z]+)/ig,function($1){
      //$1是yyyy的时候yyyyyyyy有效，不会进入补零操作，w同理
      return (obj[$1+$1]===0?'0':obj[$1+$1])||('0'+obj[$1]).slice(-2);
  });
}

知识点

1. Date() 对象及相关方法
2. replace() 方法
3. 正则表达式 $1
4. slice() 方法