目录

• 对String补白的方式
• padStart
• padEnd
• ES6-ES10学习版图

ES5对String补白的方式

补白即格式化，例如将数字都输出成两位数，前面0补位

例子一：

for(let i = 1 ; i < 32 ; i++){
  console.log(i >= 10 ? i : `0${i}`)
}
// 1-9输出01-09
// 10-31正常输出

padStart

用另一个字符串填充当前字符串(如果需要的话，会重复多次)，从头补白（也就是左侧）

• 第一个参数是目标长度，要输出的位数
• 第二个参数是占位内容，默认是空格
• 返回值是生成的新的字符串

例子一的padStart写法：

for(let i = 1 ; i < 32 ; i++){
  // 目标是2位数，不够的用0补齐
  console.log(i.toString().padStart(2, '0'))
}
// 1-9输出01-09
// 10-31正常输出

例子二：1到320，阶梯是10

for(let i = 1 ; i < 320 ; i+=10){
  //指定补2位，不够的加0，超出的不管
  console.log(i.toString().padStart(2, '0')) // 输出1是01，11是11，101是101
  //指定补3位
  console.log(i.toString().padStart(3, '0')) // 输出1是001，11是011，101是101
}

例子三：1到32000，梯度1000

for(let i = 1 ; i < 32000 ; i+=1000){
  // 自动补全，能补几位是几位，然后从头轮询继续补到指定的长度
  console.log(i.toString().padStart(5, '*%$'))
}
// *%$*1
// *1001
// *2001
// ...
// 10001
// 11001

padEnd

用另一个字符串填充当前字符串(如果需要的话，会重复多次)，从当前字符串的末尾（右侧）开始填充。

• 第一个参数是目标长度，要输出的位数
• 第二个参数是占位内容，默认是空格
• 返回值是生成的新的字符串

例子三的padEnd写法：

for(let i = 1 ; i < 32000 ; i+=1000){
// 自动补全，能补几位是几位，然后从尾部轮询继续补到指定的长度
  console.log(i.toString().padEnd(5, '*%$'))
}
// 1*%$*
// 1001*
// 2001*
// ...
// 10001
// 11001

ES6-ES10学习版图

ES6-10.png