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);
輸出：