ES9 中的 String.prototype.padStart() 与 String.prototype.padEnd()
在 JavaScript 中，字符串是一种基本的数据类型。在字符串操作中，经常需要对字符串进行补全操作，例如补全字符串长度，补全字符等。ES9 中新增了 String.prototype.padStart() 与 String.prototype.padEnd() 两个方法，可以方便地实现这些字符串补全操作。
String.prototype.padStart() 方法可以在字符串的开头添加指定字符，直到字符串达到指定长度。该方法接受两个参数，第一个参数为字符串的目标长度，第二个参数为填充的字符。如果不传递第二个参数，则默认填充空格字符。
示例代码：
const str = 'hello'; console.log(str.padStart(10, '0')); // "00000hello" console.log(str.padStart(10)); // " hello"
在上面的示例中，我们将字符串 hello 的长度补全为 10，填充字符为 0 和空格字符。
String.prototype.padEnd() 方法与 String.prototype.padStart() 方法类似，可以在字符串的结尾添加指定字符，直到字符串达到指定长度。该方法同样接受两个参数，第一个参数为字符串的目标长度，第二个参数为填充的字符。
示例代码：
const str = 'hello'; console.log(str.padEnd(10, '0')); // "hello00000" console.log(str.padEnd(10)); // "hello "
在上面的示例中，我们将字符串 hello 的长度补全为 10，填充字符为 0 和空格字符。
这两个方法的使用场景非常广泛，例如在数据表格中，需要将数据对齐显示，可以使用这两个方法补全数据长度；在生成订单号、流水号等需要固定长度的编号时，也可以使用这两个方法补全编号长度。
总结
ES9 中的 String.prototype.padStart() 与 String.prototype.padEnd() 两个方法可以方便地实现字符串补全操作，大大简化了字符串操作的编写。在实际开发中，我们可以根据需求使用这两个方法，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653cbf0b7d4982a6eb6c2837