ES9 新特性：新增 String.prototype.padStart() 和 String.prototype.padEnd() 方法-JavaScript中文网-JavaScript教程资源分享门户

在 ES9（ECMAScript 2018）中，JavaScript 新增了两个字符串方法：String.prototype.padStart() 和 String.prototype.padEnd()。这两个方法是用来生成指定长度的新字符串，通过在原字符串的开头或结尾添加指定字符来实现。

String.prototype.padStart()

String.prototype.padStart() 方法用于在字符串的开头添加指定字符来实现字符串的长度达到指定长度，如果原始字符串长度大于或等于指定长度，则返回原始字符串。

使用方法如下：

str.padStart(targetLength [, padString])

其中，targetLength 表示返回字符串的目标长度，padString 表示在原始字符串开头添加的指定字符。

示例代码：

const num = '1';
const paddedNum = num.padStart(2, '0');
console.log(paddedNum); // 输出：'01'

在上面的示例代码中，num 是一个字符串，长度为 1，调用 padStart() 方法将 num 的长度扩展到 2，并在开头添加 0，最终生成 01 的新字符串。

String.prototype.padEnd()

与String.prototype.padStart() 方法相似，String.prototype.padEnd() 方法用于在字符串的结尾添加指定字符来实现字符串的长度达到指定长度，如果原始字符串长度大于或等于指定长度，则返回原始字符串。

使用方法如下：

str.padEnd(targetLength [, padString])

其中，targetLength 表示返回字符串的目标长度，padString 表示在原始字符串结尾添加的指定字符。

示例代码：

const str = 'hello';
const paddedStr = str.padEnd(10, '!');
console.log(paddedStr); // 输出：'hello!!!!!'

在上面的示例代码中，str 是一个字符串，长度为 5，调用 padEnd() 方法将 str 的长度扩展到 10，并在结尾添加 !，最终生成 hello!!!!! 的新字符串。

这两个方法为开发者提供了更方便、更灵活的字符串处理方式，可以减少一些繁琐的字符串处理操作。在实际开发中，可以根据具体需求灵活使用这两个方法来处理字符串。

总结

本文介绍了 ES9 新特性中的 String.prototype.padStart() 和 String.prototype.padEnd() 方法的基本用法和示例代码，并讨论了其指导意义和应用场景。这两个方法为我们的字符串处理过程提供了更简便、快捷的方式，因此学习这些新特性将对我们的开发工作带来很大的帮助。

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