ES6字符串新增API之padStart妙用

ES6在日常开发中用的已经很普遍了,其中对字符串处理能力加强,新增了几个有用的API,例如:trimStart,trimEnd,pasStart, padEnd, stratsWith, endsWith, include, repeat...等等。今天我们要讨论的是pasStart/pasEnd。

曾几何时,我们在处理时间格式化问题的时候,经常会遇到“补零问题”,简单来说,就是不满十位,个位补0,于是就有了如下代码:

const seconds = str > 10 ? str : `0${str}`;

这样看起来并没有什么问题,不过既然有了ES6出现,我们有更优雅的写法,学以致用,我们可以用ES6新的字符串API-padStart:

const seconds = str.padStart(2, "0");

解释一下padStar的参数用法

第一个参数表示 字符串的最大长度(包含处理前的字符串长度+填充的字符串长度)

第二个参数表示 需要填充的字符串 ,如果不传参数,默认填充空格

好了,今天分享的小技能你get了吗?欢迎评论交流!