ECMAScript 2019 中的字符串填充方法

在前端开发中，字符串是我们经常使用的一种数据类型。在某些情况下，我们需要将字符串长度填充到指定长度，以便满足一些特殊需求。在 ECMAScript 2019 中，提供了一种新的字符串填充方法，可以很方便地解决这个问题。

padStart 和 padEnd

padStart 和 padEnd 是 ECMAScript 2019 中新添加的字符串填充方法。它们的作用是将当前字符串填充到指定长度，使得字符串达到指定长度时达到要求。

padStart 方法用于往字符串的前面填充字符。

padEnd 方法用于往字符串的后面填充字符。

这两个方法的语法相同，都是接收两个参数：填充的长度和填充的字符。

下面是 padStart 和 padEnd 这两个方法的示例代码：

let str = "1234";
let newStr = str.padStart(6, "0"); // "001234"
let newStr1 = str.padEnd(6, "0"); // "123400"

在这个示例代码中，我们定义了一个变量 str，其值为 "1234"。然后，我们调用了 padStart 方法，使用 "0" 字符将字符串填充到长度为 6。调用 padEnd 方法也是类似的过程。最终，newStr 的值为 "001234"，newStr1 的值为 "123400"。

参数说明

padStart 和 padEnd 方法都接收两个参数：

• length：填充后字符串的长度。如果当前字符串的长度大于或等于 length，则不进行填充。
• char：用来填充的字符。如果不提供 char 参数，则默认使用空格字符 " "。

学习与指导意义

字符串填充方法是在我们的实际开发中经常会用到的一个功能。ECMAScript 2019 中加入 padStart 和 padEnd 两个方法，不仅丰富了 JavaScript 中字符串处理的能力，而且也更加方便了我们在实际开发中的使用。

由于 padStart 和 padEnd 两个方法的使用与参数相同，因此在使用时只需要考虑填充的位置是前面还是后面即可。在实际工作中，我们可以根据需要灵活使用这两个方法，以实现我们想要的字符串填充效果。

结语

通过本文的学习，我们了解了 ECMAScript 2019 中新增的字符串填充方法 padStart 和 padEnd，以及它们的详细使用方法和参数说明。在实际开发中合理利用这些方法，可以提高我们的工作效率，也能够让代码更加简洁、易读。

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67939871504e4ea9bd7eeb3a