近年来，随着前端的发展和演化，JavaScript 不再满足于其最初设计的场景，其发展也日新月异。ES7 作为 JavaScript 的一个版本，引入了很多新的语言特性，其中不乏对于字符串操作的优化。在本文中，我们将详细介绍 ES7 中新增的两个字符串方法：String.prototype.padStart 和 String.prototype.padEnd 的使用方法与内部实现。
String.prototype.padStart 和 String.prototype.padEnd 方法介绍
在 ES7 中，新增了两个 String 对象的方法：padStart 和 padEnd。这两个方法都是用于字符串填充，可以很方便地用来实现字符长度一致的效果。它们都接受两个参数：
- targetLength：要填充到的长度。
- padString：用来填充的字符串（可选参数，默认为 " "）。
其中，padStart 方法用于在字符串前面填充，而 padEnd 方法用于在字符串后面填充。下面给出一些示例：
let s = "hello"; let s1 = s.padStart(10, "0"); let s2 = s.padEnd(10, "*"); console.log(s1); // 输出 "00000hello" console.log(s2); // 输出 "hello******"
在上述示例中，我们设置了字符串长度为 10，然后用 "0" 来填充 s 的前面，用 "*" 来填充 s 的后面。如果一个字符串的长度少于填充字符串的长度，则会将这两个字符串拼接在一起，直到字符串达到给定的长度。
使用 String.prototype.padStart 和 String.prototype.padEnd 实现输出格式化
接下来我们将演示如何使用 padStart 和 padEnd 方法来格式化输出。
假设我们需要将日期格式化输出，我们可以使用下面的代码：
-- -------------------- ---- ------- -------- ---------------- - --- ---- - ------------------- --- ----- - --------------- - -- --- --- - --------------- --- ---- - ---------------- --- ------ - ------------------ --- ------ - ------------------ ----- - ---------------------------- ----- --- - -------------------------- ----- ---- - --------------------------- ----- ------ - ----------------------------- ----- ------ - ----------------------------- ----- ------ ------------------------ ----------------------------- - ----- ---- - --- ------- ------------------------------ -- ---------------------- --------
可以看到，在 formatDate 函数中，我们使用了 padStart 方法来使年份、月份、日期、小时、分钟和秒钟都两位数输出，方便了我们在输出时观察和比较这些值。
总结
ES7 中新增了两个字符串方法：String.prototype.padStart 和 String.prototype.padEnd，它们可以方便地实现字符串填充的效果，同时也能够方便地调整字符串的输出格式。希望这些方法对你有所帮助，也希望大家能够善加利用这些方法，写出更加简洁、高效的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64928dec48841e98940561a1