排序方法在 JavaScript / React Native 中無法正常工作

Question

我想在 ActivityDate 中按日期對數組進行排序，但它沒有對任何內容進行排序。

它是一個包含對象和 ActivityDate 的數組，是每個 Object 的一個字段。 如果您查看最后的 output，您會看到應該在日志中第一個的日期，但它仍然在最后，因為它與 Array1 連接。

 const dummy = "2020-06-01T22:00:00.000Z"; const Array1 = [{"activitydate":"2020-06-01T22:00:00.000Z","phaseid":8076,"time":120,"userid":138,"remark":"freigeschaltet","zkub":" ","status":0,"status_color":"000000","comment":"","project_name":"IT - Exchange Server"},{"activitydate":"2020-06-01T22:00:00.000Z","phaseid":null,"time":60,"userid":138,"remark":"dddd","zkub":"B","status":1,"status_color":"ff8000","comment":"","project_name":null},{"activitydate":"2020-06-02T22:00:00.000Z","phaseid":null,"time":228,"userid":138,"remark":"test\n","zkub":"Z","status":1,"status_color":"ff8000","comment":"","project_name":null},{"activitydate":"2020-06-03T22:00:00.000Z","phaseid":7651,"time":240,"userid":138,"remark":"test\n","zkub":" ","status":0,"status_color":"000000","comment":"","project_name":"ProFrame"},{"activitydate":"2020-06-03T22:00:00.000Z","phaseid":null,"time":120,"userid":138,"remark":"testy reload","zkub":"B","status":1,"status_color":"ff8000","comment":"","project_name":null},{"activitydate":"2020-06-03T22:00:00.000Z","phaseid":8198,"time":120,"userid":138,"remark":"start\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"JXM-CE-80A Zentralelektrik"},{"activitydate":"2020-06-05T22:00:00.000Z","phaseid":8064,"time":60,"userid":138,"remark":"xchng","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"Motor 992 B6T"},{"activitydate":"2020-06-23T22:00:00.000Z","phaseid":7534,"time":456,"userid":138,"remark":"tst","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"IT - Exchange Server"},{"activitydate":"2020-06-24T22:00:00.000Z","phaseid":7348,"time":150,"userid":138,"remark":"kekw\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ERB-UL"},{"activitydate":"2020-06-25T22:00:00.000Z","phaseid":7327,"time":235,"userid":138,"remark":"teschting 26.06\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ERB2-H"},{"activitydate":"2020-06-27T22:00:00.000Z","phaseid":7651,"time":456,"userid":138,"remark":"Unlocked EIntrag\n\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ProFrame"},{"activitydate":"2020-06-27T22:00:00.000Z","phaseid":7651,"time":456,"userid":138,"remark":"test","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ProFrame"},{"activitydate":"2020-06-29T22:00:00.000Z","phaseid":7651,"time":456,"userid":138,"remark":"wie oft muss ich clicken?","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ProFrame"}] const Array2 = [{"activitydate":"2020-06-01T22:00:00.000Z","name":"Pfingstmontag","hourstype":"H","state":1}] const ArrFinal = Array1.concat(Array2).sort((a, b) => Date.parse(new Date(...a.activitydate.toString().split("-")[2])) - Date.parse(new Date(...b.activitydate).toString().split("-")[2])) console.log(JSON.stringify(ArrFinal)) console.log(dummy.split("-")[2])

Answer 1

activitydate屬性中的字符串格式只能使用new Date(DATE_IN_STRING)自動解析。

只需解析日期並按Date object 排序。

const ArrFinal = Array1.concat(Array2).sort((a, b) => new Date(a.activitydate) - new Date(b.activitydate));

這工作正常。

Answer 2

更多細節在這里

示例代碼：

 const Array1 = [{"activitydate":"2020-06-01T22:00:00.000Z","phaseid":8076,"time":120,"userid":138,"remark":"freigeschaltet","zkub":" ","status":0,"status_color":"000000","comment":"","project_name":"IT - Exchange Server"},{"activitydate":"2020-06-01T22:00:00.000Z","phaseid":null,"time":60,"userid":138,"remark":"dddd","zkub":"B","status":1,"status_color":"ff8000","comment":"","project_name":null},{"activitydate":"2020-06-02T22:00:00.000Z","phaseid":null,"time":228,"userid":138,"remark":"test\n","zkub":"Z","status":1,"status_color":"ff8000","comment":"","project_name":null},{"activitydate":"2020-06-03T22:00:00.000Z","phaseid":7651,"time":240,"userid":138,"remark":"test\n","zkub":" ","status":0,"status_color":"000000","comment":"","project_name":"ProFrame"},{"activitydate":"2020-06-03T22:00:00.000Z","phaseid":null,"time":120,"userid":138,"remark":"testy reload","zkub":"B","status":1,"status_color":"ff8000","comment":"","project_name":null},{"activitydate":"2020-06-03T22:00:00.000Z","phaseid":8198,"time":120,"userid":138,"remark":"start\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"JXM-CE-80A Zentralelektrik"},{"activitydate":"2020-06-05T22:00:00.000Z","phaseid":8064,"time":60,"userid":138,"remark":"xchng","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"Motor 992 B6T"},{"activitydate":"2020-06-23T22:00:00.000Z","phaseid":7534,"time":456,"userid":138,"remark":"tst","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"IT - Exchange Server"},{"activitydate":"2020-06-24T22:00:00.000Z","phaseid":7348,"time":150,"userid":138,"remark":"kekw\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ERB-UL"},{"activitydate":"2020-06-25T22:00:00.000Z","phaseid":7327,"time":235,"userid":138,"remark":"teschting 26.06\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ERB2-H"},{"activitydate":"2020-06-27T22:00:00.000Z","phaseid":7651,"time":456,"userid":138,"remark":"Unlocked EIntrag\n\n","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ProFrame"},{"activitydate":"2020-06-27T22:00:00.000Z","phaseid":7651,"time":456,"userid":138,"remark":"test","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ProFrame"},{"activitydate":"2020-06-29T22:00:00.000Z","phaseid":7651,"time":456,"userid":138,"remark":"wie oft muss ich clicken?","zkub":" ","status":1,"status_color":"ff8000","comment":"","project_name":"ProFrame"}] const Array2 =[{"activitydate":"2020-06-01T22:00:00.000Z","name":"Pfingstmontag","hourstype":"H","state":1}] const ArrFinal = Array1.concat(Array2); let resultArr = ArrFinal.sort((a,b) => b.activitydate - a.activitydate); console.log(resultArr);