ES8 String 扩展：String.prototype.padStart()、String.prototype.padEnd()

String.prototype.padStart(argetLength [, padString])

• 把指定字符串填充到字符串头部，返回新字符串
• 第一个参数：目标字符要保持的长度值
• 第二个参数：如果目标字符长度不够需要补白的字符，默认为空

String.prototype.padEnd(argetLength [, padString])

• 把指定字符串填充到字符串尾部，返回新字符串
• 参数同上

const str = 'imooc'
console.log(str.padStart(8, 'x'))
console.log(str.padEnd(8, 'y'))
console.log(str.padStart(8))

场景一：日期格式化成 yyyy-mm-dd

• getFullYear()、getMonth()、getDate() 返回的数据类型是 Number 类型

const now = new Date()
const year = now.getFullYear()
const month = (now.getMonth() + 1).toString().padStart(2, '0')
const day = (now.getDate()).toString().padStart(2, '0')
console.log( `${year}-${month}-${day}` )

场景二：数字替换

// 数字替换，比如手机号，身份证号
const tel = '13012345678'
const newTel = tel.slice(-4).padStart(tel.length, '*')
console.log(newTel) // *******5678

场景三：时间戳统一长度

• 前端处理时间戳单位都是 ms 毫秒，后端同学返回的时间戳不一定是毫秒，可能只有10 位，以 s 秒为单位
• 前端处理时间戳保险起见，要先做一个 13 位的补全，保证单位是毫秒

// 伪代码
console.log(new Date().getTime()) // 时间戳 13位的
timestamp = +String(timestamp).padEnd(13, '0')