ECMAScript 2017 中的 String.prototype.padStart 和 String.prototype.padEnd 方法

阅读时长 3 分钟读完

引言

在当前的前端开发中,字符串是我们常常使用的一种数据类型。在处理字符串时,我们常常需要使用一些方法来处理字符串。ECMAScript 的版本不断更新,也会加入一些新的方法来处理字符串。本文将介绍 ECMAScript 2017 中新增的 String.prototype.padStartString.prototype.padEnd 方法。

String.prototype.padStart

String.prototype.padStart(targetLength [, padString]) 方法会在字符串前面填充指定长度的字符,直到字符串长度达到目标长度。其中,targetLength 表示填充后要达到的目标长度,padString 表示用于填充的字符串,默认值是空格符。

语法

示例

上述代码使用 padStart 方法将字符串前面填充到指定长度。第一行代码将字符串前面填充 0 直到长度达到 5,所以输出的结果是 '00123'。第二行代码没有指定用于填充的字符串,所以默认使用空格符,输出的结果是 ' 123'。第三行代码目标长度为 2,但是原字符串长度本来就大于 2,所以不做改变,输出的结果仍是 '123'

String.prototype.padEnd

String.prototype.padEnd(targetLength [, padString]) 方法会在字符串后面填充指定长度的字符,直到字符串长度达到目标长度。其中,targetLength 表示填充后要达到的目标长度,padString 表示用于填充的字符串,默认值是空格符。

语法

示例

上述代码使用 padEnd 方法将字符串后面填充到指定长度。第一行代码将字符串后面填充 0 直到长度达到 5,所以输出的结果是 '12300'。第二行代码没有指定用于填充的字符串,所以默认使用空格符,输出的结果是 '123 '。第三行代码目标长度为 2,但是原字符串长度本来就大于 2,所以不做改变,输出的结果仍是 '123'

指导意义

padStartpadEnd 方法对于处理一些需要字符串长度达到一定长度的场景非常实用,比如输出一些表格、对齐文本等。

另外,使用 padEnd 方法时需要注意,可能会将原字符串的长度超过目标长度,导致不必要的填充操作。

总结

ECMAScript 2017 中新增了 String.prototype.padStartString.prototype.padEnd 方法,可以方便地填充字符串,使字符串的长度达到指定长度。这两个方法非常实用,并且使用起来也非常简单,希望大家在实际开发中能够充分利用这两个方法来提高开发效率。

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

纠错
反馈