字符串padStart、padEnd填充

一、解释

使用ES6中的字符串新方法 String.prototype.padStart(maxLength, fillString='') 或 String.prototype.padEnd(maxLength, fillString='')来填充字符串。

padStart()用于头部补全，padEnd()用于尾部补全。

第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。

1、如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。

2、如果用来补全的字符串与原字符串，两者的长度之和超过了指定的最小长度，则会截去超出位数的补全字符串。

3、如果省略第二个参数，默认使用空格补全长度。

注意：在使用之前如果是数字一定要先转换为字符串：使用toString()方法

 

二、实例

Vue.filter('dateFormat', function(dateStr, pattern='') {
      var dt = new Date(dateStr);
      var y = dt.getFullYear();
      var m = dt.getMonth() + 1;
      var d = dt.getDate();
      if (pattern.toLowerCase() === 'yyyy-mm-dd') {
        return `${y}-${m}-${d}`;
      } else {
        var hh = dt.getHours().toString().padStart(2,'0');
        var mm = dt.getMinutes().toString().padStart(2,'0');
        var ss = dt.getSeconds().toString().padStart(2,'0');
        return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
      }
    })