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

相关推荐

  1. padStart方法格式化数据

    2024-07-11 19:58:03       22 阅读
  2. 队列——数组表示

    2024-07-11 19:58:03       29 阅读
  3. 的响应式布局方法

    2024-07-11 19:58:03       28 阅读
  4. 为什么数据库圆柱体表示?

    2024-07-11 19:58:03       32 阅读
  5. Python格式化输出的三种常方式

    2024-07-11 19:58:03       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 19:58:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 19:58:03       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 19:58:03       58 阅读
  4. Python语言-面向对象

    2024-07-11 19:58:03       69 阅读

热门阅读

  1. 视觉图像面积计算

    2024-07-11 19:58:03       15 阅读
  2. python函数设计(1)

    2024-07-11 19:58:03       22 阅读
  3. 遥感影像图像识别

    2024-07-11 19:58:03       18 阅读
  4. C++:set和map

    2024-07-11 19:58:03       23 阅读
  5. YOLO v8进行目标检测的遇到的bug小结

    2024-07-11 19:58:03       20 阅读
  6. 数据建设实践之数据规范

    2024-07-11 19:58:03       21 阅读
  7. Google订阅补坑

    2024-07-11 19:58:03       24 阅读
  8. 低代码开发在金融系统中的应用研究

    2024-07-11 19:58:03       20 阅读
  9. conda 创建新的虚拟环境报错

    2024-07-11 19:58:03       22 阅读
  10. C++处理json数据注意点(url传递接收json数据)

    2024-07-11 19:58:03       21 阅读
  11. Windows批处理指令与Shell的关系

    2024-07-11 19:58:03       19 阅读
  12. 模电基础 - 直流电源

    2024-07-11 19:58:03       24 阅读
  13. Python魔法函数(Magic Methods简介

    2024-07-11 19:58:03       24 阅读
  14. C语言 输出n阶魔方阵

    2024-07-11 19:58:03       25 阅读
  15. ARM/Linux嵌入式面经(十一):地平线嵌入式实习

    2024-07-11 19:58:03       23 阅读