在前端开发中，我们经常需要处理字符串。有时候我们需要在字符串前面或后面加上一些字符，以便满足一些格式上的要求。在 ES8 中，String 对象新增了两个方法，即 String.padStart 和 String.padEnd，可以快速补全字符串。本篇文章将详细讲述如何使用这两个方法，并给出一些示例代码。
String.padStart
String.padStart 方法用于在字符串的开头添加指定的字符串，以使字符串达到指定的长度。该方法接受两个参数，第一个参数是要达到的长度，第二个参数是要添加的字符串。
下面是一个简单的示例：
const str = 'hello'; const paddedStr = str.padStart(10, 'world '); console.log(paddedStr); // 输出 'world hello'
在这个例子中，我们将字符串 'hello' 用 'world ' 补全到了长度为 10 的字符串 'world hello'。
String.padEnd
与 String.padStart 类似，String.padEnd 方法用于在字符串的结尾添加指定的字符串，以使字符串达到指定的长度。该方法接受两个参数，第一个参数是要达到的长度，第二个参数是要添加的字符串。
下面是一个简单的示例：
const str = 'hello'; const paddedStr = str.padEnd(10, 'world'); console.log(paddedStr); // 输出 'hello world'
在这个例子中，我们将字符串 'hello' 用 'world' 补全到了长度为 10 的字符串 'hello world'。
与模板字面量一起使用
String.padStart 和 String.padEnd 很容易与模板字面量一起使用，以便更方便地创建格式化的字符串。
下面是一个简单的示例：
-- -------------------- ---- ------- ----- ---- - ------- ----- ----- - ----------- ----- ------- - - ----- ------- ------ -------------------- - --- -- ---------------------
在这个例子中，我们用 String.padStart 把字符串 'advanced' 补全到了长度为 10 的字符串 ' advanced'，以便更方便地输出格式化的信息。
总结
在本文中，我们学习了 ES8 中的 String.padStart 和 String.padEnd 方法，这两个方法可以快速补全字符串。我们还给出了一些示例代码以便读者更好地了解如何使用这两个方法。如果您想让字符串达到指定的长度，使用这两个方法是非常方便的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647ecd5848841e9894e7afbd