ES8(2017)String扩展 padStart / padEnd

Posted 2021-05-18 优小U

文章目录

• 1. String.prototype.padStart()
• 2. String.prototype.padEnd()

1. String.prototype.padStart()

把指定字符串填充到字符串头部，返回新字符串。

语法：str.padStart(targetLength [, padString])

const str = 'hello'
console.log(str.padStart(8, 'x')) //  xxxhello
console.log(str.padEnd(8, 'y'))  // helloyyy
console.log(str.padStart(8))  // hello

日期格式化：

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)   // 2021,05,11
console.log( `${year}-${month}-${day}` ) // 2021-05-11

数字替换：

const tel = '18612345678'
const newTel = tel.slice(-4).padStart(tel.length, '*')
console.log(newTel) // *******5678

2. String.prototype.padEnd()

用一个字符串填充当前字符串（如果需要的话则重复填充），返回填充后达到指定长度的字符串。从当前字符串的末尾（右侧）开始填充。

const str1 = 'I am xiaoming'
console.log(str1.padEnd(20, '.'))
// I am xiaoming.......

const str2 = '200'
console.log(str2.padEnd(5))
// "200  "

统一时间戳长度，时间戳不一定是毫秒，可能只有10位，以s秒为单位。所以，我们在前端处理这个时间戳的时候，保险起见，要先做一个13位的补全，保证单位是毫秒。

String(timestamp).padEnd(13, '0')