padStart方法用来格式化数据

在别人写的代码中看到的padStart方法，没用过，浅浅记录一下~

padStart方法的使用

padStart是 字符串类型的方法，可以用来格式化字符串，在字符串添加指定的字符以达到指定的长度，例如：可以用来格式化日期

用法：
string.padStart(指定长度，填充指定字符)
例如：

let str='123'
str=str.padStart(5,'0')//'00123'
//解析：padStart(5,'0') 的结果是 如果该字符串长度没有达到5，则该字符串前面填充‘0’以达到长度为5

要注意的几点：

1. 如果没有传第二个参数(即没有指定填充字符)，那么默认填充字符为‘ ’一个空格
   例如：str=str.padStart(5) // ’ 123’
2. 如果填充字符串的长度 > 达到目标长度所需要的，那么他会截取填充字符串前面的部分直到达到目标长度
   例如：str=str.padStart(5, ‘hello’) // ‘he123’
3. 如果当前字符串已经达到目标长度则不会添加任何字符
   例如：str=str.padStart(2, ‘hello’) // ‘123’

案例：
项目中我们拿到的时间数据单位常常是 秒/毫秒，但是展示时需要将该数据格式化为 时/分/秒，如果时/分/秒需要格式化为两位数，不足两位则需要用0补足两位，这里以 单位：秒 为例

function(sec){
const h = Math.floor(sec/3600)
const m = Math.floor(sec % 3600/60)
const s = sec % 3600 % 60
return `${h.padStart(2,'0')}时${m.padStart(2,'0')}分${s.padStart(2,'0')}秒`
}

同理：padStart是在字符串前填充字符，String也存在padEnd方法，其使用方法与padStart类似，作用是在字符串后填充指定字符以达到指定长度，要注意的点也与padStart类似，这里就不赘述了

原文地址：https://blog.csdn.net/weixin_46394325/article/details/140358666

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！