ES8中的字符串扩展

作者: 飞鹰3995 | 来源:发表于2021-06-27 09:11 被阅读0次

今天小编在视频中发现了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,"*") // *******3329

五、时间戳位数补齐
// 通过前端生成的时间戳是13位,

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

相关文章

  • ES8中的字符串扩展

    今天小编在视频中发现了es8中的字符串的拓展,这篇文章涉及到的新语法和新内容,但是个人感觉还是在一些实际中的用途,...

  • ES6扩展

    字符串扩展 正则扩展 数值扩展 函数扩展 对象扩展 数组扩展 字符串扩展 模版字符串 部分新的方法 padStar...

  • 【es8,es9,es10笔记】es8,es9的新特性_扩展(1

    这里整理了ES8 对象方法扩展, ES9 扩展运算符和rest参数 和ES10 扩展方法。 欢迎大家的意见和交流 ...

  • 2017-12-26es6-函数扩展

    扩展 1、字符串扩展 2、模板字符串 **** 3、数值扩展 4、函数扩展用于分页居多 rest 参数 ...变量...

  • ES字符串方法

    莫得想到,ES8还新增了字符串的方法,String.prototype.padStart和String.proto...

  • ES6扩展

    字符串的扩展正则的扩展数值的扩展数组的扩展函数的扩展对象的扩展

  • ECMAScript6 学习(一)

    字符串的扩展 字符串的遍历器接口for...of循环 模板字符串 字符串中嵌入变量 标签模板 模板字符串可以紧跟在...

  • es8 对象方法扩展

    1、Object.values 返回一个给定对象自身的所有可枚举属性值的数组2、Object.entries 返回...

  • Swift 5

    扩展字符串分割符 作用:特殊字符在字符串中没有影响符号使用: #" exampleString "# eg: #"...

  • ES6字符串的扩展

    字符串的扩展 1.for...of遍历字符串 2.includes()判断字符串中是否包含某个字符串,返回bool...

网友评论

    本文标题:ES8中的字符串扩展

    本文链接:https://www.haomeiwen.com/subject/gbnayltx.html