【ES8系列】String 补白、格式化

 

// 业务场景小于10补0
for (let i = 1; i < 32; i++) {
  if (i < 10) {
    console.log(`0${i}`)
  } else {
    console.log(i)
  }
}
// 01
// 02
// 03
// 04
// 05
// 06
// 07
// 08
// 09
// 10
// 11

str.padStart(targetLength [, padString])

String.prototype.padStart 和 String.prototype.padEnd 用法是相同的，只是一个在开头补白一个在结尾。

参数	含义	必选
targetLength	目标字符要保持的长度值	Y
padString	如果目标字符的长度不够需要的补白字符，默认为空	N

// 前补白
for (let i = 1; i < 30020; i += 1000) {
  console.log(i.toString().padStart(5, '*#'))
}
// *#*#1
// *1001
// *2001
// *3001
// *4001
// *5001
// *6001
// *7001
// *8001
// *9001
// 10001
// ......

// 后补白
for (let i = 1; i < 30020; i += 1000) {
  console.log(i.toString().padEnd(5, '*#'))
}

// 1*#*#
// 1001*
// 2001*
// 3001*
// 4001*
// 5001*
// 6001*
// 7001*
// 8001*
// 9001*
// 10001

业务场景：格式化数据显示

const data = {
  Portland: '78/50',
  Dublin: '88/52',
  Lima: '58/40'
}
Object.entries(data).map(([city, temp]) => {
  console.log(`City:${city.padEnd(16)} Weather:${temp}`)
})

// City:Portland         Weather:78/50
// City:Dublin           Weather:88/52
// City:Lima             Weather:58/40