在 ECMAScript 2017 (ES8) 中如何准确使用字符串填充方法

ECMAScript 2017 中新增加了字符串填充方法 padStart 和 padEnd，这两个方法可以帮助开发者快速准确地填充字符串。本文将详细介绍这两个方法的使用方法以及注意事项。

padStart

padStart 方法可以在字符串开头添加指定长度的填充字符来使字符串达到指定长度。

语法：

str.padStart(targetLength [, padString])

其中，targetLength 参数指定字符串需要达到的长度，padString 参数可选，用于指定填充字符。如果不指定 padString 参数，则默认用空格字符填充。

示例代码：

let str = 'hello';
console.log(str.padStart(8, '-')); // "---hello"
console.log(str.padStart(10)); // "     hello"

上面的代码中，第一行使用 - 字符将字符串 hello 填充到长度为 8，达到了 ---hello 的效果。第二行将使用空格字符填充字符串到长度为 10，达到了 hello 的效果。

需要注意的是，如果指定的填充字符长度不足，则会重复使用填充字符来填充字符串。例如：

let str = 'hello';
console.log(str.padStart(10, 'ab')); // "ababahello"

上面代码中，'ab' 字符串虽然只有两个字符，但是 padStart 方法仍然会重复使用 ab 字符串来填充至目标长度。

padEnd

padEnd 方法和 padStart 方法类似，不同的是 padEnd 方法在字符串结尾添加填充字符。

语法：

str.padEnd(targetLength [, padString])

其中，targetLength 参数和 padString 参数的含义与 padStart 方法相同。

示例代码：

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

上面的代码中，第一行使用 - 字符将字符串 hello 填充到长度为 8，达到了 hello--- 的效果。第二行将使用空格字符填充字符串到长度为 10，达到了 hello 的效果。

注意事项

在使用 padStart 和 padEnd 方法填充字符串时，需要注意以下几点：

1. 如果原字符串已经达到了目标长度，则不会发生填充。
2. 如果填充字符长度为 0，或者目标长度小于或等于原字符串长度，则不会发生填充。
3. padStart 和 padEnd 方法不会改变字符串原有内容，而是返回一个新的字符串。

总结

本文介绍了在 ECMAScript 2017 中新增加的 padStart 和 padEnd 方法，以及其使用方法和注意事项。这两个方法可以帮助开发者快速准确地填充字符串，提高开发效率。在实际开发过程中，需要根据具体需求选择合适的填充字符和目标长度，避免出现意外错误。

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