关于javascript:ES8三-String-Padding

目录

• 对 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 学习幅员