ES6字符串新增的padStart()方法和padEnd()方法

ES6新增的padStart()方法和padEnd()方法

• padStart() 用于头部补全；

• padEnd() 用于尾部补全。

• 'abc'.padStart(13, '0123456789') // 0123456789abc
  'abc'.padEnd(13, '0123456789') // abc0123456789
  
      let strS = String(s).padStart(2, '0')
      let strM = String(m).padStart(2, '0')
  
   不足补0

  'abc'.padStart(10);         // "       abc"
  'abc'.padStart(10, "foo");  // "foofoofabc"
  'abc'.padStart(6,"123465"); // "123abc"
  'abc'.padStart(8, "0");     // "00000abc"
  'abc'.padStart(1);          // "abc"

  js方法padStart()使用示例

   

  前端开发中，会遇到字符串填充的问题，padStart()和padEnd()可能会有帮助：

  str.padStart(targetLength,string)：

  使用指定字符串填充到目标字符串前面，使其达到目标长度；

  str.padEnd(targetLength,string)：

  使用指定字符串填充到目标字符串后面，使其达到目标长度；

  举例：创建一个数组，数组包含12个月份，月份格式是：“01”，“02” ... “10”，“11”，“12”；

  代码：

          let monList = [];
          for (var i = 1; i < 13; i++) {
              monList.push((i + "").padStart("2", "0"))
          }
          console.log(monList);
  输出：