js 判斷一組日期是否是連續(xù)的簡單實(shí)例
這是群里一朋友問的問題,當(dāng)時(shí)我說判斷下 day 是否相鄰即可,后來細(xì)想,發(fā)現(xiàn)完全不對(duì)。
問題需求
給定5個(gè)相同格式的日期,怎么判斷是否是連續(xù)5天呢?
我當(dāng)時(shí)第一反應(yīng) getDay() 后排序,然后前后對(duì)比即可。。
但是細(xì)想,完全不對(duì),比如本周一下周二,這樣也會(huì)誤判。
而且不僅僅這樣的問題,還要跨月,跨年,閏月等問題。
然后就有了下面的代碼。
讓時(shí)間戳抹平一切吧
為了不糾結(jié)這些問題,我想到了時(shí)間戳,這貨就可以完全忽略上述問題了,只要處理時(shí)間戳,最后比較即可。
然后我給了如下代碼:
let days = [ '2016-02-28', '2016-02-29', // 閏月 '2016-03-01', // 跨月 '2016-03-02', '2016-03-03', ] // 先排序,然后轉(zhuǎn)時(shí)間戳 let _days = days.sort().map((d, i) => { let dt = new Date(d) dt.setDate(dt.getDate() + 4 - i) // 處理為相同日期 return +dt }) // 比較時(shí)間戳是否一致 console.log( _days[0] == _days[1] && _days[0] == _days[2] && _days[0] == _days[3] && _days[0] == _days[4] )
ok 一切問題都解決掉了,跨年,跨月,閏月也都無所謂了。
通用函數(shù)封裝
上述代碼還是有點(diǎn)缺陷的,因?yàn)闀r(shí)分秒沒有處理,如果有時(shí)分秒,也要先抹去。
let days = [ '2016-02-28 12:00:00', '2016-02-29 12:00:01', // 閏月 '2016-03-01 12:00:02', // 跨月 '2016-03-02 12:00:03', '2016-03-03 12:00:04', '2016-03-04 12:00:04', ] console.log(continueDays(days)) function continueDays(arr_days) { // 先排序,然后轉(zhuǎn)時(shí)間戳 let days = arr_days.sort().map((d, i) => { let dt = new Date(d) dt.setDate(dt.getDate() + 4 - i) // 處理為相同日期 // 抹去 時(shí) 分 秒 毫秒 dt.setHours(0) dt.setMinutes(0) dt.setSeconds(0) dt.setMilliseconds(0) return +dt }) let ret = true days.forEach(d => { if (days[0] !== d) { ret = false } }) return ret }
這個(gè)函數(shù)只是改動(dòng)了2個(gè)地方,抹去 時(shí) 分 秒 毫秒 和 循環(huán)比較,其他都一樣。
小結(jié)
js 處理時(shí)間還是非常簡單的,比如寫個(gè)日期插件,其實(shí)借助 Date 非常容易實(shí)現(xiàn),但實(shí)現(xiàn)你要了解 Date 的 api 才行。
當(dāng)然要說簡單,還是 php 最簡單,那簡直逆天。
以上這篇js 判斷一組日期是否是連續(xù)的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼,涉及JavaScript通過自定義函數(shù)遍歷頁面元素及動(dòng)態(tài)設(shè)置元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09JS實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名
這篇文章主要介紹了基于JS實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-03-03IntersectionObserver判斷是否在可視區(qū)域詳解
這篇文章主要為大家介紹了IntersectionObserver判斷是否在可視區(qū)域詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10JS實(shí)現(xiàn)的文字與圖片定時(shí)切換效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的文字與圖片定時(shí)切換效果代碼,可實(shí)現(xiàn)定時(shí)切換及鼠標(biāo)點(diǎn)擊切換兩種效果,涉及JavaScript鼠標(biāo)事件控制頁面樣式的相關(guān)技巧,需要的朋友可以參考下2015-10-10在IE和VB中支持png圖片透明效果的實(shí)現(xiàn)方法(vb源碼打包)
在IE和VB中支持png圖片透明效果的實(shí)現(xiàn)方法(vb源碼打包),需要的朋友可以參考下。2011-04-04Javascript 中 null、NaN和undefined的區(qū)別總結(jié)
js中的數(shù)據(jù)類型有undefined,boolean,number,string,object等5種,前4種為原始類型,第5種為引用類型,接下來與大家分享下它們之間的區(qū)別2013-04-04