ES6+ padEnd()
本节介绍 ES6 的字符串新增 padEnd
和 padStart
一样也是补全字符串的长度的,但是它的补全位置是在原字符串的右侧末尾进行补全的。此会返回新的字符串,不会对原字符串进行。
padEnd()
在原字符串末尾填充指定的填充字符串直到目标长度并返回新的字符串,不会对原字符串进行。
使用语法:
str.padEnd(targetLength [, padString])
参数说明:
1. 拼接字符串。
"imooc".padEnd(, 'ilove') // "imoocilove"
2. 如果原字符串的长度,等于或小于最大长度,则字符串补全不生效,返回原字符串。
'imooc'.padEnd(, 'ab') // 'imooc'
'imooc'.padEnd(, 'ab') // 'imooc'
3. 如果补全的字符串和原字符串的长度大于目标(targetLength)的长度,补全的字符串会被。
'imooc'.padEnd(, 'abc') // 'imoocab'
4. 如果补全的字符串和原字符串的长度小于目标(targetLength)的长度,补全的字符串会被重复,多余的部分会被裁剪。
'imooc'.padEnd(, 'ab') // 'imoocabab'
'imooc'.padEnd(, 'ab') // 'imoocababa'
5. 如果省略第二个参数,认使用空格补全长度。
'imooc'.padEnd('7') // 'imooc '
有时候我们处理后端返回的时间戳数据的时候,会发现很多都是秒,是 10 位,这主要是因为存储的问题。这时候我们需要补全到毫秒,可以借助 padEnd 来进行补全操作。如下:
let timestamp =
timestamp = String(timestamp).padEnd(, '0'); // 1581828518000
String()
对时间戳 timestamp
进行类型转换,转换为字符串进行操作。
本节讲解了字符串的 padEnd()
的使用,需要注意以下几点: