引言
在当前的前端开发中,字符串是我们常常使用的一种数据类型。在处理字符串时,我们常常需要使用一些方法来处理字符串。ECMAScript 的版本不断更新,也会加入一些新的方法来处理字符串。本文将介绍 ECMAScript 2017 中新增的 String.prototype.padStart
和 String.prototype.padEnd
方法。
String.prototype.padStart
String.prototype.padStart(targetLength [, padString])
方法会在字符串前面填充指定长度的字符,直到字符串长度达到目标长度。其中,targetLength
表示填充后要达到的目标长度,padString
表示用于填充的字符串,默认值是空格符。
语法
str.padStart(targetLength [, padString]);
示例
const str = '123'; console.log(str.padStart(5, '0')); // '00123' console.log(str.padStart(5)); // ' 123' console.log(str.padStart(2)); // '123'
上述代码使用 padStart
方法将字符串前面填充到指定长度。第一行代码将字符串前面填充 0 直到长度达到 5,所以输出的结果是 '00123'
。第二行代码没有指定用于填充的字符串,所以默认使用空格符,输出的结果是 ' 123'
。第三行代码目标长度为 2,但是原字符串长度本来就大于 2,所以不做改变,输出的结果仍是 '123'
。
String.prototype.padEnd
String.prototype.padEnd(targetLength [, padString])
方法会在字符串后面填充指定长度的字符,直到字符串长度达到目标长度。其中,targetLength
表示填充后要达到的目标长度,padString
表示用于填充的字符串,默认值是空格符。
语法
str.padEnd(targetLength [, padString]);
示例
const str = '123'; console.log(str.padEnd(5, '0')); // '12300' console.log(str.padEnd(5)); // '123 ' console.log(str.padEnd(2)); // '123'
上述代码使用 padEnd
方法将字符串后面填充到指定长度。第一行代码将字符串后面填充 0 直到长度达到 5,所以输出的结果是 '12300'
。第二行代码没有指定用于填充的字符串,所以默认使用空格符,输出的结果是 '123 '
。第三行代码目标长度为 2,但是原字符串长度本来就大于 2,所以不做改变,输出的结果仍是 '123'
。
指导意义
padStart
和 padEnd
方法对于处理一些需要字符串长度达到一定长度的场景非常实用,比如输出一些表格、对齐文本等。
另外,使用 padEnd
方法时需要注意,可能会将原字符串的长度超过目标长度,导致不必要的填充操作。
总结
ECMAScript 2017 中新增了 String.prototype.padStart
和 String.prototype.padEnd
方法,可以方便地填充字符串,使字符串的长度达到指定长度。这两个方法非常实用,并且使用起来也非常简单,希望大家在实际开发中能够充分利用这两个方法来提高开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64c1b3bf83d39b48815edbbd