ES6字符串新增API之padStart妙用

Posted 2021-03-05 CSS is awesome

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了吗？欢迎评论交流！