javascript如何对数字或字符串补0操作

目录
文章目录隐藏
  1. slice()方法
  2. padStart()方法
  3. 结语

在业务中有时候会遇到时间倒计时,特别是电商类业务中的秒杀、抢购、预约等场景,所以就设计时间不足两位,前面补 0 的操作。

比如 2021-9-3 变成 2021-09-03。

大多数前端开发朋友会使用如下方法:

function padLeftZero(n){
    return n < 10 ? '0' + n : n
}

或者这样:

function padLeftZero(n){
    return (n < 10 ? '0' : '') + i
}

其实上面两个方法都是一样的。

接下来再介绍几个骚操作方法:

slice()方法

语法:

slice(beginIndex)
slice(beginIndex, endIndex)

beginIndex为负数时,取值改为str.length + beginIndex,例如:

beginIndex = -2str = '010',最后 '010'.slice(3-2) 结果为 ’10’,此时若 str='03''03'.slice(0) 结果为 ’03’。

示例:

function padLeftZero(n){
    return ('0' + n).slice(-2)
}

padStart()方法

语法:

padStart(targetLength)
padStart(targetLength, padString)

就是在前面补足 padString,直到满足 targetLength 的长度。例如:

(3+'').padStart(2,'0') 
// 也就是 '3'.padStart(2,'0') , 目标长度是 2 则需要在前面补 0 来使长度满足,结果为 '03'。

示例:

function padLeftZero(n){
    return (n + '').padStart(2,'0')
}

javascript 如何对数字或字符串补 0 操作

其他一些方法:

new Date().toISOString().slice(0,10) // "2021-09-03"

new Date().toLocaleDateString("default", {year: "numeric", month: "2-digit", day: "2-digit"}) // "2021/09/03"

结语

以上就是 javascript 如何对数字或字符串补 0 的方法,感谢阅读,如果对你有帮助,就点赞分享吧。

明天就是周末,我们的口号:周末不加班!不加班!祝大家周末愉快。

「点点赞赏,手留余香」

5

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » javascript如何对数字或字符串补0操作

发表回复