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')

【ES8(2017)】String扩展 padStart / padEnd相关推荐

【ES8(2017)】Object 扩展 values() / entries() / getOwnPropertyDescriptors()
文章目录 Object.values() Object.entries() Object.getOwnPropertyDescriptors() ES8之前获取对象的每个属性的value值: cons ...
String.prototype.padStart()
String.prototype.padStart() ES6字符串新方法:填充字符串 String.prototype.padStart(maxLength,fillString='') Strin ...
Macbook pro 2016/2017 接入扩展坞时断 WIFI 问题的解决办法
Macbook pro 2016/2017 接入扩展坞时断 WIFI 问题的解决办法参考文章: (1)Macbook pro 2016/2017 接入扩展坞时断 WIFI 问题的解决办法 (2)ht ...
es6 --- String.prototype.padStart
从实际出发理解. 首先看下面代码 // js var dt = new Date(); console.log(dt); 下面想把时间格式化,写一个dateFormat函数 // js functio ...
npm install 安装use String.prototype.padStart()卡住（已解决）
使用npm install安装以来过程中出现卡顿,发现到use String.prototype.padStart()这里一直卡住: 解决办法: 先删除 markdown 相关内容,步骤如下: 在vu ...
es6字符串扩展 -- 字符串长度补全功能 padStart(), padEnd()
ES2017 引入了字符串补全长度的功能.如果某个字符串不够指定长度,会在头部或尾部补全.padStart()用于头部补全,padEnd()用于尾部补全. 'x'.padStart(5, 'ab') ...
padStart(),padEnd()方法
padStart()用于头部补全,padEnd()用于尾部补全. 规则: 'a'.padStart(位数,补全内容) 'a'.padEnd(位数,补全内容) 实例: 'a'.padStart(4,bc ...
ZOJ 3587 Marlon#39;s String 扩展KMP
链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3587 题意:给出两个字符串S和T.S,T<=100000.拿出 ...
ZOJ 3587 Marlon's String 扩展KMP
链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3587 题意:给出两个字符串S和T,S,T<=100000.拿出 ...

【ES8(2017)】String扩展 padStart / padEnd

文章目录

1. String.prototype.padStart()

2. String.prototype.padEnd()

【ES8(2017)】String扩展 padStart / padEnd相关推荐

最新文章

热门文章