在前端开发中，代码对齐是一个非常重要的问题。它可以使代码更加易读易懂，也可以提高代码的可维护性。在 ES7 中，新增了两个方法 String.padStart 和 String.padEnd，它们可以帮助我们在代码对齐中起到很好的作用。
String.padStart 方法
String.padStart 方法可以在字符串的开头添加指定的字符，直到字符串达到指定的长度。该方法接受两个参数：第一个参数是指定的长度，第二个参数是要添加的字符。
下面是一个示例代码：
----- --- - -------- ----- ------ - ---------------- - --- --------------------
输出结果为：
-----
在这个示例中，我们把字符串 "hello" 的长度填充到了 10 个字符，用空格进行填充。
String.padEnd 方法
String.padEnd 方法可以在字符串的结尾添加指定的字符，直到字符串达到指定的长度。该方法也接受两个参数：第一个参数是指定的长度，第二个参数是要添加的字符。
下面是一个示例代码：
----- --- - -------- ----- ------ - -------------- - --- --------------------
输出结果为：
-----
在这个示例中，我们把字符串 "hello" 的长度填充到了 10 个字符，用空格进行填充，但是这次是在字符串的结尾添加空格。
在代码对齐中的应用
String.padStart 和 String.padEnd 方法在代码对齐中非常有用。下面是一个示例代码：
----- -------- - -
- ----- ------- --- ------ --- --
- ----- ----- ----- ------ --- --
- ----- -------- ----- ------ ---- -
--
----------------- --------
-------------------------------------
--- ---- ------- -- --------- -
----- ---- - ----------------------- - ---
----- ----- - ------------------------------------- -
------ -----------
--------- -----
--------------- - ---
-------------------------------
-这个示例代码中，我们有一个包含产品信息的数组。我们希望在控制台输出一个表格，表格的第一列是产品名称，第二列是产品价格。为了使表格对齐，我们使用了 String.padStart 和 String.padEnd 方法。
输出结果为：
---- ----- --------------------- ------ - ------- ---- --- ------- ------- --- ---------
可以看到，表格中的每一列都是对齐的，这使得表格更加易读易懂。
总结
ES7 中的 String.padStart 和 String.padEnd 方法可以在代码对齐中起到很好的作用。它们可以帮助我们在字符串的开头或结尾添加指定的字符，直到字符串达到指定的长度。在实际开发中，我们可以利用这两个方法来使代码更加易读易懂，提高代码的可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66076ccad10417a2225f4ea7