ES8中的字符串扩展

Posted 2021-09-04 飞鹰

今天小编在视频中发现了es8中的字符串的拓展，这篇文章涉及到的新语法和新内容，但是个人感觉还是在一些实际中的用途，还是能方便很多的。大家还可以关注我的微信公众号，蜗牛全栈。

一、padStart()：字符串的实例方法，在字符串前添加指定字符串，第一个参数是必传的，将字符串扩展后的总长度，第二个参数是可选参数，不传默认是空字符串。

const str = "school"
console.log(str.padStart(8,"x")) // xxschool

二、padEnd()：字符串的实例方法，在字符串后添加指定字符串，第一个参数是必传的，将字符串扩展后的总长度，第二个参数是可选参数，不传默认是空字符串。

const str = "school"
console.log(str.padEnd(8,"x")) // schoolxx

三、将日期中的月份和日位数补齐

const now = new Date()
const year = now.getFullYear()
const mounth = (now.getMonth() + 1).toString().padStart(2,\'0\') // 0-11
const day = (now.getDate()).toString().padStart(2,\'0\')
console.log(`${year}-${mounth}-${day}`) // 2021-05-08

四、手机号前八位用*代替

const tel = \'13012443329\'
// 取出后四位，然后在前面用*填充
const newTel = tel.slice(-4).padStart(tel.length,"*")

五、时间戳位数补齐

// 通过前端生成的时间戳是13位，
const frontTimeStamp = new Date().getTime()
// 有时时间戳是后端返回的10位时间戳
const backTimeStamp = 1639999999
const newBackTimeStamp = backTimeStamp.toString().padEnd(13,\'0\')
console.log(newBackTimeStamp) // 1639999999000