随着 Web 技术的不断发展，前端开发也变得越来越复杂。在开发页面时，我们经常需要进行数据格式化，如填充字符串，格式化数字等。然而，当数据长度不足时，格式化就会出现问题。这时，我们就需要使用 ES9 中的字符串填充方法 padStart 和 padEnd 来解决这个问题。
ES9 字符串填充方法
ES9 中引入了两个新的字符串方法 padStart 和 padEnd，用于在字符串的头部或尾部填充指定的字符，直到达到指定的长度。
padStart
padStart 方法将一个字符串填充到长度为指定值的字符串的头部，如果指定的长度小于等于当前字符串的长度，则返回原字符串。填充的字符可以是任何字符，默认是空格。
语法：str.padStart(targetLength [, padString])
实例：
----- --- - ------------- ------------------------------ -- ---- ----------- ---------------------------- ------ -- -------------------
padEnd
padEnd 方法将一个字符串填充到长度为指定值的字符串的尾部，如果指定的长度小于等于当前字符串的长度，则返回原字符串。填充的字符可以是任何字符，默认是空格。
语法：str.padEnd(targetLength [, padString])
实例：
----- --- - ------------- ---------------------------- -- -------------- - -------------------------- ------ -- -------------------
应用案例
在实际开发中，我们可以使用 padStart 和 padEnd 来对数据进行格式化，如填充字符和数字。下面是一些示例代码：
示例 1：填充字符
----- --- - -------- ----- --------- - ---------------- --------------- ----- ----------------------- -- -------------------
示例 2：格式化数字
----- --- - ---- ----- ------------ - -------------------------- ----- -------------------------- -- -----------
总结
使用 ES9 中的字符串填充方法 padStart 和 padEnd 可以避免由于数据长度不足而导致的格式化问题，带来更加优秀的用户体验。在实际开发中，我们可以灵活使用这两个方法，对不同类型的数据进行格式化，提高软件性能和用户满意度。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64a652d648841e98942eb357