在 JavaScript 中，字符串是一种基本的数据类型。在 ES6 中，新增了两个字符串方法 padStart 和 padEnd，可以方便地对字符串进行填充操作，本文将详细介绍这两个方法的使用方法和指导意义。
一、padStart 和 padEnd 方法的介绍
padStart 和 padEnd 方法都是字符串的实例方法，用于在字符串的开头或结尾填充指定的字符，以达到指定的长度。
padStart 方法的语法如下：
str.padStart(targetLength [, padString])
其中，targetLength 表示目标长度，padString 表示用来填充的字符串。如果不传入 padString 参数，则默认使用空格字符填充。
padEnd 方法的语法如下：
str.padEnd(targetLength [, padString])
其中，参数含义与 padStart 方法相同。
二、padStart 和 padEnd 方法的使用
1. 使用 padStart 方法填充字符串
我们先来看一个使用 padStart 方法的示例，假设我们需要将一个数字转换成指定长度的字符串，不足长度的部分用 0 填充。我们可以使用 padStart 方法来实现：
let num = 123; let str = num.toString().padStart(6, '0'); console.log(str); // '000123'
在上面的代码中，我们先将数字转换成字符串，然后使用 padStart 方法将字符串填充到指定长度。由于目标长度为 6，而原字符串的长度为 3，因此需要在开头填充 3 个 0。
2. 使用 padEnd 方法填充字符串
接下来我们来看一个使用 padEnd 方法的示例，假设我们需要输出一段文本，其中每行的长度都为 20，不足长度的部分用空格填充。我们可以使用 padEnd 方法来实现：
-- -------------------- ---- -------
--- ---- - ------ ----- ----- --- ----- ----------- ---------- -------
--- ----- - ------------ ---
--- ----------- - ---
--- ---- - - -- - - ------------- ---- -
-- ------------------- - --------------- - - - --- -
------------------------------------
----------- - ---
-
----------- -- -------- - - --
-
------------------------------------在上面的代码中，我们先将文本按照空格分成若干个单词，然后逐个单词进行处理。如果当前行的长度加上下一个单词的长度超过了 20，就输出当前行并清空，否则将下一个单词加入当前行。在输出时，我们使用 padEnd 方法将当前行填充到长度为 20。
三、padStart 和 padEnd 方法的指导意义
padStart 和 padEnd 方法是 ES6 新增的字符串方法，可以方便地对字符串进行填充操作。使用这两个方法可以避免手动拼接字符串的繁琐过程，提高了代码的可读性和可维护性。在实际开发中，我们可以将这两个方法应用于各种场景，如格式化数字、输出对齐的文本等。
四、结论
本文介绍了 ES6 新特性字符串方法 padStart 和 padEnd 的使用，包括方法的语法、示例代码和指导意义。在实际开发中，我们可以根据具体的场景选择使用这两个方法，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673aef6939d6d08e88b0a25e