三元表达式实现几小时前,几分钟前

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

const apple = isApple ? buyApple : ''

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

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

而我们常用的

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

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

constgetTimeString=timeNum=>{consttimeString=timeNuminstanceofDate?timeNum:newDate(timeNum)constsecond=1000constminute=1000*60consthour=minute*60constday=hour*24consttime_now=newDate().getTime()consttime_difference=time_now-timeStringconstthat_time=timeString.getFullYear()+'-'+parseInt(timeString.getMonth()+1)+'-'+timeString.getDate()+' '+timeString.getHours()+':'+(timeString.getMinutes()<10?'0'+timeString.getMinutes():timeString.getMinutes())returnMath.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(newDate('2017-9-12 15:23:10'))

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

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

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

consttimeString=timeNuminstanceofDate||newDate(timeNum)

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,979评论 0 38
  • 先Activity的抽象类 BaseActivity [java]view plaincopy /** *Acti...
    Zaker2Magic阅读 1,012评论 0 0
  • 在阿金的身上,好习惯姑且不论,现列举几大恶习,以警示个人。 恶习之一:回家终日泡在网上。一天24小时,每日至少有四...
    镇南方良金阅读 1,088评论 0 1
  • 8天前,报了无戒写作训练营,立志日更打卡。 其实从昨天开始就已经无数遍在心里呐喊“怎么办,看来今天写不出东西了”,...
    慕容秋晓阅读 436评论 10 25
  • 《非暴力沟通》 核心内容 本书的核心思想就是非暴力沟通模式的四个技巧,书中的案例都是围绕这四个技巧展开的。我们可以...
    一如Jojo阅读 727评论 0 0