ES7 中的 String.prototype.padEnd() 和 String.prototype.padStart() 的用法-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，我们经常需要对字符串进行处理和格式化。而在 ES7 中，引入了 String.prototype.padEnd() 和 String.prototype.padStart() 这两个新的方法，它们可以方便地让我们在字符串的末尾或开头添加指定长度的填充字符。

padEnd()

String.prototype.padEnd() 方法用于在字符串的末尾添加指定长度的填充字符，使该字符串达到指定的长度。这个方法接受两个参数：目标长度以及用来填充的字符。

str.padEnd(targetLength, padString);

其中，targetLength 为目标字符串长度，padString 为填充字符。

let str = 'hello';
let paddedStr = str.padEnd(10, '-');
console.log(paddedStr); // 'hello-----'

在上面的代码中，我们将字符串 'hello' 扩展到了 10 个字符的长度，由于我们添加的填充字符是 '-'，所以最终结果是 'hello-----'。

如果目标长度小于或等于原始字符串的长度，则不会添加填充字符：

let shortStr = 'hi';
let paddedShortStr = shortStr.padEnd(1, '-');
console.log(paddedShortStr); // 'hi'

String.prototype.padStart() 方法用于在字符串的开头添加指定长度的填充字符，使该字符串达到指定的长度。这个方法同样接受两个参数：目标长度以及用来填充的字符。

str.padStart(targetLength, padString);

其中，targetLength 为目标字符串长度，padString 为填充字符。

let str = 'world';
let paddedStr = str.padStart(10, '-');
console.log(paddedStr); // '-----world'

在上面的代码中，我们将字符串 'world' 扩展到了 10 个字符的长度，由于我们添加的填充字符是 '-'，所以最终结果是 '-----world'。

如果目标长度小于或等于原始字符串的长度，则不会添加填充字符：

let shortStr = 'hi';
let paddedShortStr = shortStr.padStart(1, '-');
console.log(paddedShortStr); // 'hi'

String.prototype.padEnd() 和 String.prototype.padStart() 方法为字符串填充提供了一种非常简单和方便的方法。在实际开发中，我们经常需要根据一些特定要求进行字符串的格式化，而这些方法可以使我们更容易地完成这个任务。

同时，由于填充字符可以自定义，我们也可以通过这些方法来完成某些特定格式化的需求，例如输出一定长度并且包含固定格式的字符串等。

String.prototype.padEnd() 和 String.prototype.padStart() 方法可以帮助我们方便地对字符串进行填充，让其达到我们所需的长度和格式。这个方法在实际的开发中非常有用，并且也十分容易理解和使用。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65420b887d4982a6ebbb0f3d