当前位置: 首页 > Web前端 > HTML5

ES8(三)——字符串填充

时间:2023-04-05 21:22:49 HTML5

ContentpaddingforStringpadStartpadEndES6-ES10learninglayoutES5paddingforStringFilling是格式化,比如将所有数字输出成两位数,前面用0填充例1:for(leti=1;i<32;i++){console.log(i>=10?i:`0${i}`)}//1-9输出01-09//10-31正常输出padStart用另一个字符串填充当前字符串(如果需要,它会重复多次),从头(即左边)开始填写,第一个参数为目标长度,要输出的位数,第二个参数为占位符内容,默认为空格,以及返回值是生成的新的字符串例子1中padStart的写法:for(leti=1;i<32;i++){//目标是2位,不够就补0console.log(i.toString().padStart(2,'0'))}//1-9输出01-09//10-31正常输出例2:1到320,步长为10for(leti=1;i<320;i+=10){//指定补2位,不够补0,超过了也不管console.log(i.toString().padStart(2,'0'))//Output1is01,11is11,101is101//指定补3位console.log(i.toString().padStart(3,'0'))//Output1is001,11is011,101就是101}例3:1到32000,梯度1000for(leti=1;我<32000;i+=1000){//自动补全,可以补多少位,然后从头轮询,继续补到指定长度console.log(i.toString().padStart(5,'*%$'))}//*%$*1//*1001//*2001//...//10001//11001padEnd用另一个字符串填充当前字符串(如果需要重复多次),从末尾填充(右)当前字符串。第一个参数为目标长度,要输出的位数第二个参数为占位符内容,默认为空格返回值为生成的新字符串例3padEnd写法:for(leti=1;i<32000;我+=1000){//自动补全,可以补多少位,然后从末尾轮询继续补到指定长度console.log(i.toString().padEnd(5,'*%$'))}//1*%$*//1001*//2001*//...//10001//11001ES6-ES10学习布局