ES10 中增加了 String.prototype.padStart() 和 padEnd() 方法
在 ES10 中，JavaScript 新增了两个字符串方法：String.prototype.padStart() 和 String.prototype.padEnd()。这两个方法可以让我们更方便地处理字符串的填充问题。
String.prototype.padStart()
String.prototype.padStart() 方法可以在字符串的开头添加填充字符，以达到指定的长度。它的语法如下：
str.padStart(targetLength [, padString])
其中，targetLength 表示目标长度，padString 表示用于填充的字符串。如果不传 padString 参数，则默认用空格填充。如果目标长度小于或等于当前字符串长度，则返回原字符串。
下面是一个示例：
const str = '123'; console.log(str.padStart(5, '0')); // '00123' console.log(str.padStart(2, '0')); // '123' console.log(str.padStart(5)); // ' 123'
上面的代码中，第一个例子中，我们将目标长度设置为 5，用 0 填充。由于原始字符串长度为 3，因此在字符串开头添加两个 0，得到 '00123'。第二个例子中，目标长度为 2，原始字符串长度为 3，因此不需要填充，直接返回原字符串 '123'。第三个例子中，我们只指定了目标长度，没有指定填充字符，因此默认用空格填充，得到 ' 123'。
String.prototype.padEnd()
String.prototype.padEnd() 方法与 String.prototype.padStart() 方法类似，不同之处在于它可以在字符串的末尾添加填充字符。它的语法如下：
str.padEnd(targetLength [, padString])
其中，targetLength 和 padString 的含义与 String.prototype.padStart() 方法相同。
下面是一个示例：
const str = '123'; console.log(str.padEnd(5, '0')); // '12300' console.log(str.padEnd(2, '0')); // '123' console.log(str.padEnd(5)); // '123 '
上面的代码中，第一个例子中，我们将目标长度设置为 5，用 0 填充。由于原始字符串长度为 3，因此在字符串末尾添加两个 0，得到 '12300'。第二个例子中，目标长度为 2，原始字符串长度为 3，因此不需要填充，直接返回原字符串 '123'。第三个例子中，我们只指定了目标长度，没有指定填充字符，因此默认用空格填充，得到 '123 '。
总结
String.prototype.padStart() 和 String.prototype.padEnd() 方法可以让我们更方便地处理字符串的填充问题，特别是在格式化输出中非常有用。通过本文的介绍和示例，相信大家已经掌握了这两个方法的用法和基本原理。在实际开发中，我们可以根据具体需求灵活使用这两个方法，提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65531b35d2f5e1655dccc4d2