在 ES8 中，新增了两个字符串方法 padStart() 和 padEnd()，这两个方法可以让我们更方便地对字符串进行格式化处理。在本文中，我们将详细介绍这两个方法的使用方法，并提供实际的使用案例，帮助读者更好地理解和应用这两个方法。
String.prototype.padStart() 方法
padStart() 方法可以在字符串的开头添加指定数量的字符，直到字符串达到指定的长度。这个方法接收两个参数：第一个参数是字符串的长度，第二个参数是要添加的字符。如果不传入第二个参数，默认使用空格作为填充字符。
下面是一个使用 padStart() 方法的示例：
----- --- - -------- ----- --------- - ---------------- ----- ----------------------- -- ------------
在上面的示例中，我们在字符串 hello 的开头添加了 6 个 -，使得字符串的长度达到了 10。
String.prototype.padEnd() 方法
padEnd() 方法与 padStart() 方法类似，不同之处在于它是在字符串的结尾添加指定数量的字符，直到字符串达到指定的长度。这个方法也接收两个参数：第一个参数是字符串的长度，第二个参数是要添加的字符。如果不传入第二个参数，默认使用空格作为填充字符。
下面是一个使用 padEnd() 方法的示例：
----- --- - -------- ----- --------- - -------------- ----- ----------------------- -- -------------
在上面的示例中，我们在字符串 hello 的结尾添加了 5 个 -，使得字符串的长度达到了 10。
实战案例
现在我们来看一个实际的使用案例，假设我们要输出一个表格，并且要求表格中的每一列都对齐。我们可以使用 padStart() 和 padEnd() 方法来实现这个功能。
首先，我们需要定义表格的数据：
----- --------- - - - ----- -------- ---- --- ------ ------------------- -- - ----- ------ ---- --- ------ ----------------- -- - ----- ---------- ---- --- ------ --------------------- -- --
然后，我们可以使用以下代码来输出表格：
----- ---------- - ------------------ ----- --------- - ---------------- ----- ----------- - ------------------- ------------------------------------------------------- ---------------------- -- - ----- ---- - --------------------- ----- --- - ------------------------------ ----- ----- - ---------------------- ------------------------------------- ---
在上面的代码中，我们首先定义了表格的表头，使用 padEnd() 方法来确保每一列都有相同的长度。然后，我们遍历表格数据，对每一行的数据进行格式化处理，并输出到控制台。
运行上面的代码，我们可以得到以下的输出结果：
---- --- ----- ----- -- ----------------- --- -- --------------- ------- -- -------------------
可以看到，表格中的每一列都对齐了，使得表格更加美观和易于阅读。
总结
在本文中，我们介绍了 ES8 中新增的 padStart() 和 padEnd() 方法，这两个方法可以让我们更方便地对字符串进行格式化处理。我们提供了详细的使用方法和实际的使用案例，希望读者可以通过本文更好地理解和应用这两个方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65dd37ec1886fbafa4a94e96