【问题标题】:sort method not working properly in JavaScript / React Native排序方法在 JavaScript / React Native 中无法正常工作
【发布时间】:2020-11-25 13:45:35
【问题描述】:

我想在 ActivityDate 中按日期对数组进行排序,但它没有对任何内容进行排序。

它是一个包含对象的数组,而 ActivityDate 是每个对象的一个​​字段。如果您查看最后的输出,您会看到应该在日志中排在第一位的日期,但它仍然在最后,因为它与 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])  

【问题讨论】:

  • 请不要“隐藏”您的代码/sn-p。对于您的下一个问题:创建minimal reproducible example 的一部分是删除与问题/问题没有直接关系的任何内容。 Array1 的唯一相关属性是 activitydate。其他属性只强制我们滚动。
  • 将所有内容混合在一行中并不总是一个好主意。您的( ) 中有错字,在这种情况下这不是问题,但可能在您的下一个问题中。将您的日期存储在单独的变量中会使错误的) 相当/更明显。

标签: javascript reactjs react-native sorting


【解决方案1】:

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

只需解析日期并按Date 对象排序。

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

这很好用。

【讨论】:

  • 是的,谢谢,这似乎有效。我尝试过的工作更少,谢谢
【解决方案2】:

更多细节是here

示例代码:

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);

【讨论】:

    猜你喜欢
    • 2021-10-20
    • 2021-07-28
    • 2018-06-13
    • 2021-10-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-08
    • 2018-04-19
    相关资源
    最近更新 更多