ECMAScript 2017 之字符串填充方法 padStart() 和 padEnd()

在 ECMAScript 2017 中，新增了两个字符串填充方法 padStart() 和 padEnd()，它们可以方便地对字符串进行填充，从而满足特定的长度要求。

padStart() 方法

padStart() 方法用于在字符串前面填充指定的字符，使字符串达到指定的长度。该方法接受两个参数，第一个参数为目标长度，第二个参数为填充的字符。

示例代码：

const str = 'hello';
const paddedStr = str.padStart(10, ' ');
console.log(paddedStr); // '     hello'

在上面的示例中，我们将字符串 'hello' 填充到了长度为 10，填充的字符为空格。

需要注意的是，如果目标长度小于等于原字符串长度，padStart() 方法不会进行填充。

另外，如果填充的字符不是单个字符，padStart() 方法会将其截断为单个字符。

padEnd() 方法

padEnd() 方法用于在字符串后面填充指定的字符，使字符串达到指定的长度。该方法接受两个参数，第一个参数为目标长度，第二个参数为填充的字符。

示例代码：

const str = 'hello';
const paddedStr = str.padEnd(10, '*');
console.log(paddedStr); // 'hello*****'

在上面的示例中，我们将字符串 'hello' 填充到了长度为 10，填充的字符为星号。

与 padStart() 方法类似，如果目标长度小于等于原字符串长度，padEnd() 方法不会进行填充。

应用场景

字符串填充方法 padStart() 和 padEnd() 可以在很多场景中使用，例如：

• 对齐文本：当我们需要将多个文本对齐时，可以使用 padStart() 方法在文本前面填充空格或其他字符。
• 格式化输出：当我们需要将数据格式化输出时，可以使用 padStart() 和 padEnd() 方法填充指定字符，使输出的数据达到指定的长度。
• 生成编号：当我们需要生成一些编号时，可以使用 padStart() 方法在编号前面填充零或其他字符，使编号达到指定的长度。

总结

ECMAScript 2017 中新增的字符串填充方法 padStart() 和 padEnd() 可以方便地对字符串进行填充，使其达到指定的长度要求。这两个方法可以在多种场景中使用，例如对齐文本、格式化输出和生成编号等。在使用过程中，需要注意目标长度和填充字符的选择。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650c6fc995b1f8cacd66c49c