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类似,这里就不赘述了

  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值