在 ES8 中，JS 引入了字符串填充（String padding）的新特性。这个新特性可以让我们更方便地进行字符串处理，提高字符串的可读性和可用性，同时也能够提高代码的可维护性和重用性。在本文中，我们将深入了解 String padding 的用法和具体实践，以及它在实际开发中的应用场景和指导意义。
String padding 的用法
String padding 的主要作用是在字符串左侧或右侧填充一个指定的字符，使其达到指定的长度。在 ES8 中，我们可以使用 String.prototype.padStart() 和 String.prototype.padEnd() 这两个方法来实现字符串的填充。
String.prototype.padStart(targetLength, padString)该方法可以将一个字符串填充到指定长度，填充的字符是第二个参数设定的（需要注意的是，该方法是 ES8 特性，而很多浏览器并不支持，需要使用 polyfill）。如果目标字符串的长度小于指定长度，那么该字符串将在左侧填充指定字符，并返回新字符串。
let str = 'abc'; console.log(str.padStart(6, '0')); // 000abc console.log(str.padStart(3, '0')); // abc
String.prototype.padEnd(targetLength, padString)该方法与padStart()方法相似，不同之处在于将指定字符填充在目标字符串的右侧。
let str = '123'; console.log(str.padEnd(5, '0')); // 12300 console.log(str.padEnd(3, '0')); // 123
实际应用
使用 String padding 可以使我们在代码编写中更加方便地进行字符串的处理，下面给出几个实例演示其具体应用场景和效果：
1. 数字转成固定位数的字符串
使用 padStart() 方法可以将数字转化成固定位数的字符串，并在左侧进行填充，这在处理需要固定长度的字符串时很实用。
let num = 5; console.log(num.toString().padStart(2, '0')); // 05 console.log(num.toString().padStart(3, '0')); // 005 console.log(num.toString().padStart(4, '0')); // 0005
2. 显示长格式日期
在处理日期时，有时需要将日期转化成字符串的长格式，如"2019年12月31日 23:59:59"。使用 padStart() 方法可以很方便地实现这一目标。
-- -------------------- ---- ------- ----- ---- - --- ------- ----- ---- - ------------------- ----- ----- - ---------------- - ------------------------- ----- ----- --- - ------------------------------------- ----- ----- ---- - -------------------------------------- ----- ----- ------ - ---------------------------------------- ----- ----- ------ - ---------------------------------------- ----- ----- --- - ------------------------- ----------------------------- ----------------- -- ----------- --------
3. 统计打印机日志
打印机通常会产生一些日志记录，其中每一条记录都有格式化的时间戳和对应的文本信息，使用 padEnd() 方法可以将相关信息格式化，以方便日志的统计。
-- -------------------- ---- ------- ----- ---- - - - ----- ----------- ---------- ----- ------ -------- -- - ----- ----------- ---------- ----- ---- ------ ------ -- - ----- ----------- ---------- ----- ---- ---- -- - ----- ----------- ---------- ----- ------ ------ - -- ---------------- -- - ----- ------- - ------------------- - --- ------------------------------------- --
输出结果：
2021/05/01 08:00:12 Print Success 2021/05/02 10:15:35 Not enough paper 2021/05/03 14:20:01 Ink low 2021/05/04 18:14:54 Abort Print
指导意义
String padding 可以用于处理字符串的格式化、长度控制等各种场景，能够让我们编写更高效的代码。除了我们介绍的几个具体应用，还有很多更广泛的用法，诸如颜色标记、日志格式化、数字位数控制等等；在实际开发中，我们可以灵活应用这一特性，并善用各种工具库，提高开发效率和代码可维护性。
总结
通过本篇介绍，我们了解了 ES8 中的 String padding 特性以及它在实际开发中的应用。在掌握这一特性后，我们可以更加自如地进行字符串的处理和格式化，编写更加高效的代码。除此之外，本篇文章也展示了一些具体应用示例，帮助读者更好地理解和掌握该特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e560eef6b2d6eab30ce628