前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >你不知道的补0方法

你不知道的补0方法

作者头像
前端黑板报
发布2021-09-15 12:32:41
5380
发布2021-09-15 12:32:41
举报
文章被收录于专栏:前端黑板报前端黑板报

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

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

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

代码语言:javascript
复制
function padLeftZero(n){
    return n < 10 ? '0' + n : n
}

代码语言:javascript
复制
function padLeftZero(n){
    return (n < 10 ? '0' : '') + i
}

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

接下来再介绍几个别的方法:

slice 方法

语法:

代码语言:javascript
复制
slice(beginIndex)
slice(beginIndex, endIndex)

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

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

应用:

代码语言:javascript
复制
function padLeftZero(n){
    return ('0' + n).slice(-2)
}

padStart 方法

语法:

代码语言:javascript
复制
padStart(targetLength)
padStart(targetLength, padString)

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

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

应用:

代码语言:javascript
复制
function padLeftZero(n){
    return (n + '').padStart(2,'0')
}

其他一些方法:

代码语言:javascript
复制
new Date().toISOString().slice(0,10) // "2021-08-20"

new Date().toLocaleDateString("default", {year: "numeric", month: "2-digit", day: "2-digit"}) // "2021/08/21"
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-08-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端黑板报 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档