在 ES9 中，字符串操作的一个重要更新是增加了两个新的字符串扩展方法：padStart（填充开头）和padEnd（填充结尾）。通过这两个方法，我们可以轻松地对字符串进行格式化，并将其转换为指定长度的字符串。本篇文章将详细介绍这两个方法的使用方法和实际应用。
padStart
padStart 方法用于在字符串开头填充指定的字符串，以达到指定的长度。该方法接受两个参数：填充字符串和目标长度。如果填充字符串的长度不足，将会被循环使用多次，直到达到指定长度为止。
下面是一个示例：
const str = "hello"; const paddedStr = str.padStart(8, "world"); console.log(paddedStr); // "worldhel"
在上面的例子中，我们将字符串“hello”转换为一个以“world”填充的字符串，最终得到了一个长度为 8 的字符串“worldhel”。
如果指定的长度小于或等于原始字符串的长度，则不进行任何填充，并直接返回原始字符串，如下所示：
const str = "hello"; const paddedStr = str.padStart(3, "world"); console.log(paddedStr); // "hello"
在上面的例子中，我们尝试使用填充字符串“world”将字符串“hello”转换为长度为 3 的字符串，但由于指定的长度小于原始字符串的长度，因此不进行任何填充，并直接返回原始字符串“hello”。
padEnd
padEnd 方法与 padStart 方法类似，但是是在字符串结尾填充指定的字符串，以达到指定的长度。该方法接受两个参数：填充字符串和目标长度。如果填充字符串的长度不足，将会被循环使用多次，直到达到指定长度为止。
下面是一个示例：
const str = "hello"; const paddedStr = str.padEnd(8, "world"); console.log(paddedStr); // "helloworld"
在上面的例子中，我们将字符串“hello”转换为一个以“world”填充的字符串，最终得到了一个长度为 8 的字符串“helloworld”。
同样地，在指定长度小于或等于原始字符串长度时，不进行任何填充并直接返回原始字符串：
const str = "hello"; const paddedStr = str.padEnd(3, "world"); console.log(paddedStr); // "hello"
实际应用
padStart 和 padEnd 方法非常实用，可以在开发中实现许多功能。例如，我们可以轻松地实现一个日期格式化的函数：
-- -------------------- ---- ------- -------- ---------------- ------ ---- - ----- ---- - --------------------------- ----- ----- -- - ---------------------------- ----- ----- -- - -------------------------- ----- ------ ---------------------- - ---------------------------- -- ---- -- ------------
在上面的示例中，我们定义了一个格式化日期的函数，使用 padStart 方法在年份、月份和日期上填充 0，以实现相同长度的格式。这样，我们就可以轻松地将日期格式化为“YYYY-MM-DD”的字符串。
总结
通过本文的介绍，我们了解到 padStart 和 padEnd 这两个字符串扩展方法的使用方法和实际应用。它们是非常实用的字符串操作方法，可以帮助我们轻松地格式化和转换字符串。我们可以在实际开发中使用这两个方法来实现很多常见的字符串操作需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c1585983d39b48815aa744