在前端开发中，我们常常需要对字串进行处理，如字符串补齐等。在 ECMAScript 2020 中，新增加了两种字符串处理方法 padStart() 和 padEnd()，本文将详细介绍这两种方法的使用方法和作用。
padStart()
padStart() 方法返回一个新的字符串，该字符串与其它字符的长度等于给定的长度，且新字符串是由原字符串在开头添加另一字符串而形成的。举一个例子：
const str = '123'; const newStr = str.padStart(5, '0'); console.log(newStr); // "00123"
在这个例子中，padStart() 方法将字符串 str 的长度增加到了 5，然后在该字符串的开头加了两个 0 ，获得了一个新的字符串 newStr 。这种方式非常适用于日前格式化等场景。
另外，我们也可以省略第二个参数，然后默认用空格进行填充：
const str = '123'; const newStr = str.padStart(5); console.log(newStr); // " 123"
padEnd()
padEnd() 方法返回一个新的字符串，该字符串与其它字符的长度等于给定的长度，且新字符串是由原字符串在结尾添加另一字符串而形成的。与 padStart() 方法 类似，我们同样可以省略第二个参数。
const str = '123'; const newStr = str.padEnd(5, '0'); console.log(newStr); // "12300"
在这个例子中，padEnd() 方法将字符串 str 的长度增加到了 5，然后在该字符串的结尾加了两个 0 ，获得了一个新的字符串 newStr 。同样的道理，这种方式也非常适用于日前格式化等场景。
总结
通过个例子，我们了解了 padStart() 和 padEnd() 两种新增加的子字符串方法的用法，它们在一些场景下可以更加方便、简单地迅速生成所需格式的字符串。更多的用法和场景，可根据自己的需求去自由拓展。
附录：完整代码
-- -------------------- ---- ------- -- ---------- ----- ---- - ------ ----- ------- - ---------------- ----- --------------------- -- ------- ----- ---- - ------ ----- ------- - ----------------- --------------------- -- - ---- -- -------- ----- ---- - ------ ----- ------- - -------------- ----- --------------------- -- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf9cddb5eee0b5256d3e8e