ECMAScript 2018 中如何正确使用 String.prototype.padStart() 和 padEnd() 方法
在 ECMAScript 2018 中，新增了 String.prototype.padStart() 和 padEnd() 方法，用于在字符串的开头或结尾填充指定数量的字符。这两个方法在处理字符串时非常方便，尤其是在处理数字、日期等需要对齐的场景中。本文将详细介绍如何正确使用这两个方法，以及常见的使用场景和注意事项。
- String.prototype.padStart()
String.prototype.padStart() 方法用于在字符串的开头填充指定数量的字符。该方法接受两个参数，第一个参数为填充后字符串的总长度，第二个参数为填充的字符。如果原字符串的长度大于或等于指定的长度，则不进行填充。
示例代码：
----- --- - ------ --------------------------- ------ -- ------- --------------------------- ------ -- -----
在上面的示例中，第一个例子中，由于原字符串的长度为 3，小于指定的长度 5，因此在字符串开头填充了两个 0，使得总长度为 5。第二个例子中，由于原字符串的长度为 3，大于指定的长度 2，因此不进行填充。
- String.prototype.padEnd()
String.prototype.padEnd() 方法用于在字符串的结尾填充指定数量的字符。该方法接受两个参数，第一个参数为填充后字符串的总长度，第二个参数为填充的字符。如果原字符串的长度大于或等于指定的长度，则不进行填充。
示例代码：
----- --- - ------ ------------------------- ------ -- ------- ------------------------- ------ -- -----
在上面的示例中，第一个例子中，由于原字符串的长度为 3，小于指定的长度 5，因此在字符串结尾填充了两个 0，使得总长度为 5。第二个例子中，由于原字符串的长度为 3，大于指定的长度 2，因此不进行填充。
- 常见的使用场景
使用 String.prototype.padStart() 和 padEnd() 方法可以帮助我们在处理数字、日期等需要对齐的场景中更加方便地进行字符串处理。下面是一些常见的使用场景：
（1）数字对齐
使用 String.prototype.padStart() 方法可以在数字前面填充指定数量的 0，使得数字对齐，例如：
----- --- - -- -------------------------------------- ------ -- ----
（2）日期格式化
使用 String.prototype.padStart() 和 padEnd() 方法可以方便地对日期进行格式化，例如：
----- ---- - --- ------- ----- ---- - ------------------------------ ----- ----- - ---------------- - ------------------------- ----- ----- --- - ------------------------------------- ----- --------------------------------------- -- ------------
（3）输出表格
使用 String.prototype.padEnd() 方法可以方便地输出表格，例如：
----- ---- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- -- ----------------------------- - --- ------- ----------------------------- ----- ------- ----------------- -- - -------------------------------- - --- ---------- ---
输出结果如下：
---- --- ---- --- ----- -- --- -- ------- --
- 注意事项
在使用 String.prototype.padStart() 和 padEnd() 方法时，需要注意以下几点：
（1）填充字符的长度不能为 0 或负数，否则会抛出 RangeError 异常。
（2）填充字符的长度不能超过 Number.MAX_SAFE_INTEGER。
（3）填充字符的长度可能会导致字符串超出最大长度限制，如果超出限制，会截断字符串。
（4）填充字符的类型必须为字符串，否则会自动转换为字符串类型。
- 总结
在 ECMAScript 2018 中，新增了 String.prototype.padStart() 和 padEnd() 方法，用于在字符串的开头或结尾填充指定数量的字符。这两个方法在处理字符串时非常方便，尤其是在处理数字、日期等需要对齐的场景中。在使用这两个方法时，需要注意填充字符的长度和类型，以及可能导致字符串截断的问题。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65cb32a3add4f0e0ff4f0696