ES8 中新的 String 方法：padStart() 和 padEnd()

在 ES8 中，新增了两个字符串方法：padStart() 和 padEnd()。这两个方法可以用来在字符串的前面或后面填充一些字符，使字符串的长度达到指定的长度。这两个方法的提出是为了解决在开发中常常遇到的字符串长度不足的问题，特别是在数字格式化、日志输出等方面有很好的应用。

padStart()

padStart() 方法可以在字符串的前面填充指定的字符，使字符串的长度达到指定的长度。这个方法接收两个参数，第一个参数是指定的长度，第二个参数是用来填充的字符。如果不传第二个参数，默认使用空格填充。

下面是一个示例：

const string = 'hello';
const newString = string.padStart(10, '*');
console.log(newString); // '*****hello'

在上面的代码中，padStart() 方法将字符串 string 填充到了长度为 10，填充的字符是 *，最终的结果是 *****hello。

padEnd()

padEnd() 方法与 padStart() 方法类似，不同的是它是在字符串的后面填充指定的字符，使字符串的长度达到指定的长度。这个方法也接收两个参数，第一个参数是指定的长度，第二个参数是用来填充的字符。如果不传第二个参数，默认使用空格填充。

下面是一个示例：

const string = 'hello';
const newString = string.padEnd(10, '*');
console.log(newString); // 'hello*****'

在上面的代码中，padEnd() 方法将字符串 string 填充到了长度为 10，填充的字符是 *，最终的结果是 hello*****。

注意事项

使用 padStart() 和 padEnd() 方法时需要注意以下几点：

• 如果指定的长度小于或等于原字符串的长度，则不会进行填充。
• 如果填充字符的长度大于指定的长度减去原字符串的长度，则填充字符会被截断，以保证最终的字符串长度为指定的长度。
• 如果填充字符是多个字符组成的字符串，则会重复使用这个字符串，直到填充到指定的长度为止。

总结

padStart() 和 padEnd() 方法是 ES8 中新增的字符串方法，可以用来在字符串的前面或后面填充指定的字符，使字符串的长度达到指定的长度。使用这两个方法时需要注意一些细节，以避免出现意外的结果。在实际开发中，这两个方法可以用来格式化输出、对齐文本等方面有很好的应用。

参考文献

• MDN web docs: String.prototype.padStart()
• MDN web docs: String.prototype.padEnd()

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c4acc4add4f0e0fff3d93e