js字符串补齐方法padStart()和padEnd()

js字符串补齐方法padStart()和padEnd()

场景:时间或者日期不足2位时在前面用0补齐。

padStart()和padEnd()两个方法用法和参数都一致,唯一的区别就是 padStart()是从左边开始的位置补齐,而padEnd()是从右侧结束的位置补齐。
代码示例:

let text = ”oliver“
console.log(text.padStart(8))          // "  oliver"
console.log(text.padStart(7,'a'))      // "aoliver"  
console.log(text.padStart(5))          // "oliver"

console.log(text.padEnd(8))          // "oliver  "
console.log(text.padEnd(7,'a'))      // "olivera"  
console.log(text.padEnd(5))          // "oliver"

padStart(A,B)和padEnd(A,B)方法接收两个参数;
第一个参数为:当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度,则返回当前字符串本身。
第二个参数为:填充字符串。如果字符串太长,使填充后的字符串长度超过了目标长度,则只保留最左侧的部分,其他部分会被截断。此参数的默认值为 " "。

例如:text.padStart(8) text字符串长度为6,此时第一个参数传入8,代表需要将text字符串补够8位,第二个参数未填,默认用""空字符补齐,所以结果是 " oliver"第一第二个字符都为空。

text.padStart(7,‘a’) 方法和上一个一致,只是此时存在第二个参数,就用第二个参数补齐,所以结果为"aoliver"第一个字符为a,如果第二个字符过长,超过了总体补齐长度,就从第二个字符的左边开始取字符补齐,补够为止, 不够时也是循环用第二个字符补齐。

text.padStart(5) 当第一个参数数值小于当前字符串本身长度时,返回当前字符串本身

padEnd()方法和padStart()使用方法一致,请参考以上padStart()用法。

猜你喜欢

转载自blog.csdn.net/zhengcaocao/article/details/115549230
今日推荐