概述
在 JavaScript 的早期版本中，字符串填充是一件比较麻烦的事情，需要通过循环和字符串拼接来实现，比较繁琐，而且容易出错。而在 ES8 中，新增了一个字符串填充方法 padStart()，大大简化了字符串填充的实现。
padStart() 方法介绍
padStart() 方法用于在字符串的开头填充指定的字符串，直到达到指定的长度为止。该方法接受两个参数，第一个参数是填充后的长度，第二个参数是填充的字符串。如果填充的字符串不足指定长度，则会一直重复填充，直到达到指定长度。
padStart() 方法的语法
str.padStart(targetLength [, padString])
targetLength：必须，填充后字符串的长度。padString：选项，填充时用的字符串，默认为空格。
padStart() 方法的使用
const str = '123'; const str1 = str.padStart(6, '0'); // '000123' const str2 = str.padStart(2, '0'); // '123'
padStart() 方法的应用
- 时间格式化
在处理时间格式时，我们经常需要把小时、分钟和秒转换成两位数字的格式，这就可以使用 padStart() 方法来实现。
const date = new Date();
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
const seconds = date.getSeconds().toString().padStart(2, '0');
const time = `${hours}:${minutes}:${seconds}`;
console.log(time); // '09:05:10'- 表格对齐
在页面中，我们经常需要把表格对齐，而且需要调整表格的宽度，这就可以使用 padStart() 方法来实现。
-- -------------------- ---- ------- ----- --------- - - --------- ----- ---------- ------- ----- -------- ----------- ----- ------- -- ----- ---------- - --- -------------------------------------- - -- - ------------------------- - -- - ---------------------------- - ---- --- ---- - - -- - - ----------------- ---- - ----- ------- - ------------- ------------------------------------------ - -- - ------------------------------ - -- - ------------------------------ - ---- -
总结
为了让代码更加简洁高效，我们可以尽量使用现代的 JavaScript 特性。在 ES8 中，padStart() 方法为我们提供了一种非常方便的字符串填充方法，可以极大地简化字符串填充的过程。通过了解和使用 padStart() 方法，可以提高我们的编程效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64963f7048841e9894329b6d