自定義日期範圍排序

Question

我正在嘗試通過一個項目嘗試刪除本地JS完成工作的地方不必要的第三方依賴項。我們使用Underscore的_.sortBy對日期數組進行排序，但出於某種原因，我無法完全重複確切的排序順序。

數據回來無序，看起來像這樣：

{ 
    "title": "February 2016", 
    "startTime": "2016-02-01T10:00:00.000Z", 
    "endTime": "2016-03-01T09:59:59.000Z" 
    }, 
    { 
    "title": "Week of February 28 2016", 
    "startTime": "2016-02-28T05:00:00.000Z", 
    "endTime": "2016-03-06T04:59:59.000Z" 
    }, 
    { 
    "title": "March 2016", 
    "startTime": "2016-03-01T10:00:00.000Z", 
    "endTime": "2016-04-01T07:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 06 2016", 
    "startTime": "2016-03-06T05:00:00.000Z", 
    "endTime": "2016-03-13T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 13 2016", 
    "startTime": "2016-03-13T05:00:00.000Z", 
    "endTime": "2016-03-20T03:59:59.000Z" 
    }, 

基本上它只是需要標準的日期排序，除「的一週......」範圍整月範圍之前應該出現。

這是它是如何使用下劃線& MomentJS（也使用打字稿），這個正確的排序，我們究竟要如何目前做：

_.sortBy(dateRanges, (range: IDateRange) => { 
    if (moment(range.endTime).diff(range.startTime, "days") > 7) { 
    return range.endTime; 
    } else { 
    return range.startTime; 
    } 
}); 

我試圖複製，準確的輸出，但沒有使用下劃線或MomentJS。這是我到目前爲止：

dateRanges.sort((r1: IDateRange, r2: IDateRange) => { 
    //604800000 milliseconds in 1 week 
    //easier to hard code number this than do all the math on each iteration here 
    const isWholeMonth = r1.endTime.getTime() - r1.startTime.getTime() > 604800000; 

    if (isWholeMonth) { 
    if (r1.endTime > r2.endTime) { 
     return 1; 
    } else if (r1.endTime < r2.endTime) { 
     return -1; 
    } 
    return 0; 
    } else { 
    //Make the week listings for a month appear before the entire month listings 
    if (r1.startTime > r2.startTime) { 
     return 1; 
    } else if (r1.startTime < r2.startTime) { 
     return -1; 
    } 
    return 0; 
    } 
}); 

它尚未完全排序正確，但我不明白爲什麼。下面是這兩個不同地比本地sort輸出到控制檯，這樣的
http://codepen.io/chrismbarr/pen/KWOaaE

Answer 1

下劃線的_sortBy工程工作演示。你需要檢查和比較不同的情況，如果你有'week'出現在標題或沒有（或檢查開始時間和結束時間，由你）：

interface IDateRange { 
    title: string; 
    startTime: Date; 
    endTime: Date; 
} 

const dateRanges: IDateRange[] = [ 
    { 
    "title": "February 2016", 
    "startTime": "2016-02-01T10:00:00.000Z", 
    "endTime": "2016-03-01T09:59:59.000Z" 
    }, 
    { 
    "title": "Week of February 28 2016", 
    "startTime": "2016-02-28T05:00:00.000Z", 
    "endTime": "2016-03-06T04:59:59.000Z" 
    }, 
    { 
    "title": "March 2016", 
    "startTime": "2016-03-01T10:00:00.000Z", 
    "endTime": "2016-04-01T07:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 06 2016", 
    "startTime": "2016-03-06T05:00:00.000Z", 
    "endTime": "2016-03-13T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 13 2016", 
    "startTime": "2016-03-13T05:00:00.000Z", 
    "endTime": "2016-03-20T03:59:59.000Z" 
    }, 
    { 
    "title": "October 2016", 
    "startTime": "2016-10-01T08:00:00.000Z", 
    "endTime": "2016-11-01T07:59:59.000Z" 
    }, 
    { 
    "title": "Week of October 02 2016", 
    "startTime": "2016-10-02T04:00:00.000Z", 
    "endTime": "2016-10-09T03:59:59.000Z" 
    }, 
    { 
    "title": "Week of October 30 2016", 
    "startTime": "2016-10-30T04:00:00.000Z", 
    "endTime": "2016-11-06T03:59:59.000Z" 
    }, 
    { 
    "title": "November 2016", 
    "startTime": "2016-11-01T08:00:00.000Z", 
    "endTime": "2016-12-01T09:59:59.000Z" 
    }, 
    { 
    "title": "Week of November 13 2016", 
    "startTime": "2016-11-13T05:00:00.000Z", 
    "endTime": "2016-11-20T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of November 20 2016", 
    "startTime": "2016-11-20T05:00:00.000Z", 
    "endTime": "2016-11-27T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of November 27 2016", 
    "startTime": "2016-11-27T05:00:00.000Z", 
    "endTime": "2016-12-04T04:59:59.000Z" 
    }, 
    { 
    "title": "December 2016", 
    "startTime": "2016-12-01T10:00:00.000Z", 
    "endTime": "2017-01-01T09:59:59.000Z" 
    }, 
    { 
    "title": "Week of December 04 2016", 
    "startTime": "2016-12-04T05:00:00.000Z", 
    "endTime": "2016-12-11T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of December 11 2016", 
    "startTime": "2016-12-11T05:00:00.000Z", 
    "endTime": "2016-12-18T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of December 25 2016", 
    "startTime": "2016-12-25T05:00:00.000Z", 
    "endTime": "2017-01-01T04:59:59.000Z" 
    }, 
    { 
    "title": "January 2017", 
    "startTime": "2017-01-01T10:00:00.000Z", 
    "endTime": "2017-02-01T09:59:59.000Z" 
    }, 
    { 
    "title": "Week of January 15 2017", 
    "startTime": "2017-01-15T05:00:00.000Z", 
    "endTime": "2017-01-22T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of January 29 2017", 
    "startTime": "2017-01-29T05:00:00.000Z", 
    "endTime": "2017-02-05T04:59:59.000Z" 
    }, 
    { 
    "title": "February 2017", 
    "startTime": "2017-02-01T10:00:00.000Z", 
    "endTime": "2017-03-01T09:59:59.000Z" 
    }, 
    { 
    "title": "Week of February 05 2017", 
    "startTime": "2017-02-05T05:00:00.000Z", 
    "endTime": "2017-02-12T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of February 12 2017", 
    "startTime": "2017-02-12T05:00:00.000Z", 
    "endTime": "2017-02-19T04:59:59.000Z" 
    }, 
    { 
    "title": "March 2017", 
    "startTime": "2017-03-01T10:00:00.000Z", 
    "endTime": "2017-04-01T07:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 05 2017", 
    "startTime": "2017-03-05T05:00:00.000Z", 
    "endTime": "2017-03-12T04:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 12 2017", 
    "startTime": "2017-03-12T05:00:00.000Z", 
    "endTime": "2017-03-19T03:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 19 2017", 
    "startTime": "2017-03-19T04:00:00.000Z", 
    "endTime": "2017-03-26T03:59:59.000Z" 
    }, 
    { 
    "title": "Week of March 26 2017", 
    "startTime": "2017-03-26T04:00:00.000Z", 
    "endTime": "2017-04-02T03:59:59.000Z" 
    } 
]; 

////============================== 

console.clear(); 

//Convert to real data objects... 
for (const range of dateRanges) { 
    range.startTime = moment(range.startTime).utc().toDate(); 
    range.endTime = moment(range.endTime).utc().toDate(); 
} 


//OLD 
const librarySort = _.sortBy(dateRanges, (range: IDateRange) => { 
    if (moment(range.endTime).diff(range.startTime, "days") > 7) { 
    return range.endTime; 
    } else { 
    return range.startTime; 
    } 
}); 

//NEW - changes made here 
const nativeSort = dateRanges.sort((r1: IDateRange, r2: IDateRange) => { 
    let firstPartToCompare; 
    let secondPartToCompare; 

    if(r1.title.indexOf('eek') > -1) { 
    firstPartToCompare = r1.startTime; 
    } else { 
    firstPartToCompare = r1.endTime; 
    } 

    if(r2.title.indexOf('eek') > -1) { 
    secondPartToCompare = r2.startTime; 
    } else { 
    secondPartToCompare = r2.endTime; 
    } 

    if (firstPartToCompare > secondPartToCompare) { 
    return 1; 
    } else if (firstPartToCompare < secondPartToCompare) { 
    return -1; 
    } 
    return 0; 
}); 

console.info("CORRECT order - old way") 
console.table(librarySort); 

console.info("ATTEMPT to duplicate - new way") 
console.table(nativeSort); 

http://codepen.io/anon/pen/GWVrwB