亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

三元表達式替換冗余過多的if并實現幾小時前,幾分鐘前

標簽:
JavaScript

最近发现三元表达式超级好用,以前我们用的最多可能就是:

const apple = isApple ? buyApple : ''

这种代码,但是其实我们可以用更加简便的方式实现

const apple = isApple && buyApple 如果isApple为true则执行buyApple。

而我们常用的

const options = options || default 则是options为true则后面的default不再执行。

好了懂得上面的原理,我们来实现一个例子:评论很多时候有个日期,但是很多都不是显示实际日期,而是显示1天前,1分钟前,1小时前之类的,我们运用上面的三元表达式来实现:

const getTimeString = timeNum => {
        const timeString = timeNum instanceof Date ? timeNum : new Date(timeNum)
    const second = 1000
    const minute = 1000 * 60
    const hour = minute * 60
    const day = hour * 24
    const time_now =  new Date().getTime()
    const time_difference = time_now - timeString
    const that_time = timeString.getFullYear() + '-'
                    + parseInt(timeString.getMonth()+1) + '-' 
                    + timeString.getDate()+ ' ' 
                    + timeString.getHours() + ':' 
                    + (timeString.getMinutes()<10 ? 
                        '0'+timeString.getMinutes() : 
                        timeString.getMinutes())
    return Math.floor((time_difference/day) && that_time) || (Math.floor(time_difference/hour) && Math.floor(time_difference/hour)+'小时前') || (Math.floor(time_difference/minute) && Math.floor(time_difference/minute)+'分前') || (Math.floor(time_difference/second) && Math.floor(time_difference/second)+'秒前') 
}

调用方法也很简单:

getTimeString(new Date('2017-9-12 15:23:10'))

getTimeString('2017-9-12 15:23:10')

上面运用了es6的语法,不熟悉的,可以看看es6的教程

因为事先不知道传过来是否是日期对象,所以我们需要判断一下

const timeString = timeNum instanceof Date || new Date(timeNum)

如果评论过了1天,按照天,周,月来看时间,我觉得比较累,所以大于24小时的,都用回原来的时间,我觉得这样可以增加用户体验。

如果你有更加简便的代码,欢迎留言。

點擊查看更多內容
2人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
0
獲贊與收藏
3

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消