在 ES8 中，String 类型新增了两个 padding 方法：padStart 和 padEnd。这两个方法可以方便地在字符串前面或后面添加空格或其他字符，使字符串达到指定的长度。本文将详细解析这两个方法，并提供示例代码，帮助读者更好地理解和应用这些新特性。
padStart 方法
padStart 方法用于在字符串前面添加空格或其他字符，使字符串达到指定的长度。该方法有两个参数：第一个参数是指定字符串的总长度，第二个参数是用于填充的字符。如果不指定第二个参数，则默认使用空格。
以下是 padStart 方法的语法：
------------------------- -- -----------
其中，str 是要进行填充的字符串，targetLength 是指定的字符串总长度，padString 是用于填充的字符。
示例代码
下面是一个使用 padStart 方法进行字符串填充的示例：
----- --- - -------- ----- --------- - ---------------- - --- ----------------------- -- - ------
在这个示例中，我们将字符串 'hello' 进行了填充，使其总长度为 10。填充使用的字符是空格。
padEnd 方法
padEnd 方法与 padStart 方法类似，用于在字符串后面添加空格或其他字符，使字符串达到指定的长度。该方法也有两个参数：第一个参数是指定字符串的总长度，第二个参数是用于填充的字符。如果不指定第二个参数，则默认使用空格。
以下是 padEnd 方法的语法：
----------------------- -- -----------
其中，str 是要进行填充的字符串，targetLength 是指定的字符串总长度，padString 是用于填充的字符。
示例代码
下面是一个使用 padEnd 方法进行字符串填充的示例：
----- --- - -------- ----- --------- - -------------- - --- ----------------------- -- ------ -
在这个示例中，我们将字符串 'hello' 进行了填充，使其总长度为 10。填充使用的字符是空格。
指导意义
使用 padStart 和 padEnd 方法可以方便地将字符串填充到指定的长度，使其在界面上更加美观。此外，这两个方法还可以用于格式化字符串。例如，在打印日志时，我们可以使用 padStart 方法将日志级别填充到指定的长度，使日志更加易读。
需要注意的是，padStart 和 padEnd 方法返回的是一个新的字符串，原始字符串并没有被修改。因此，在使用这些方法时，需要将返回值赋给一个新的变量。
总结
ES8 中新增的 String padding 方法为我们提供了一种方便的方式来填充字符串。通过使用 padStart 和 padEnd 方法，我们可以快速将字符串填充到指定的长度，使其更加美观和易读。此外，这些方法还可以用于格式化字符串，为我们的开发工作带来便利。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d803691886fbafa45b7b3a