JS中時間格式化的三種方法

需求：

時間字符串格式化：

• let time = '2020/3/11 14:10:0';
• 把上面類型的時間日期字符串轉化爲咱們想要的格式
  • =>"2020年03月11日 14時10分00秒"

1、正則處理（優）

(proto => {
    function formatTime(template = '{0}年{1}月{2}日 {3}時{4}分{5}秒') {
        let arr = this.match(/\d+/g);
        return template.replace(/\{(\d+)\}/g, (_, n) => {
            let item = arr[n] || '0';
            item.length < 2 ? item = '0' + item : null;
            return item;
        });
    }
    proto.formatTime = formatTime;
})(String.prototype);

let time = '2020-3-11 14:10:0';
console.log(time.formatTime());//=>2020年03月11日 14時10分00秒
console.log(time.formatTime('{1}-{2} {3}:{4}'));//=>03-11 14:10
console.log(time.formatTime('{0}年{1}月{2}日'));//=>2020年03月11日
複製代碼

• 優勢：靈活，萬能（封裝一個公共的，萬能的時間格式化的方法）

2、字符串截取方式（良）

let time = '2020/3/11 14:10:0';

/* 1.把原始字符串中表明時間的值都獲取到，最後拼接成爲咱們想要的便可 */
let arr = time.split(' '); //=>["2020/3/11", "14:10:0"]
let arrLeft = arr[0].split('/'); //=>["2020", "3", "11"]
let arrRight = arr[1].split(':'); //=>["14", "10", "0"]
arr = arrLeft.concat(arrRight); //=>["2020", "3", "11", "14", "10", "0"]

// 在拼接以前，須要把ARRLEFT和ARRRIGHT中不足兩位的數字，前面補充零
arr = arr.map(item => item.length < 2 ? '0' + item : item);
time = `${arr[0]}年${arr[1]}月${arr[2]}日 ${arr[3]}時${arr[4]}分${arr[5]}秒`;

console.log(time);//=>"2020年03月11日 14時10分00秒"
複製代碼

• 優缺點：思路簡單，但不夠靈活

字符串截取結合簡單正則處理（1）

let time = '2020/3/11 14:10:0';

let arr = time.match(/\d+/g); //=>["2020", "3", "11", "14", "10", "0"]
arr = arr.map(item => item.length < 2 ? '0' + item : item);
time = `${arr[0]}年${arr[1]}月${arr[2]}日 ${arr[3]}時${arr[4]}分${arr[5]}秒`;

console.log(time);//=>2020年03月11日 14時10分00秒
複製代碼

• 不夠靈活

字符串截取結合簡單正則處理（2）

let time = '2020/3/11 14:10:0';

// 不足十位補充零的操做封裝爲一個方法
function zero(val) {
    return val.length < 2 ? '0' + val : val;
}

let arr = time.split(/(?: |\/|:)/g); //=>["2020", "3", "11", "14", "10", "0"]
time = `${arr[0]}年${zero(arr[1])}月${zero(arr[2])}日 ${zero(arr[3])}時${zero(arr[4])}分${zero(arr[5])}秒`;

console.log(time);//=>2020年03月11日 14時10分00秒
複製代碼

• 不夠靈活

3、replace替換（差）

let time = '2020/3/11 14:10:0';

time = time.replace('/', '年').replace('/', '月').replace(' ', '日 ').replace(':', '時').replace(':', '分') + '秒';

console.log(time); //=>2020年3月11日 14時10分0秒
複製代碼

• 缺點：沒有實現不足十位數字的補充零

思惟導圖