vue 数组对象按时间排序

原创已于 2022-03-18 15:21:08 修改 · 5.9k 阅读 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

6 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

代码可运行

于 2022-03-18 15:19:31 首次发布

该代码段展示了如何根据`submissionTime`字段对数据进行时间戳排序，以实现升序或降序排列。`sortData`函数用于比较两个对象的`submissionTime`属性，并返回时间戳的差值。在Vue环境中，此方法需定义在Vue实例外部以便调用。示例数据展示了如何对包含`submissionTime`的数组进行排序。

在这里插入图片描述

    //根据指定字段 规则排序 这里是获取时间的时间戳然后比较
    function sortData(a, b){
        return new Date(b.submissionTime).getTime() - new Date(a.submissionTime).getTime()
    }

//注意 vue调用时要把这个方法写道vue外
//这是倒叙正序就反过来

return new Date(b.submissionTime).getTime() - new Date(a.submissionTime).getTime()

//调用
 let aaa = [{'id':1, 'submissionTime':"2022-03-02 02:02:00"},
            {'id':2, 'submissionTime':"2022-03-04 02:02:00"},
            {'id':3, 'submissionTime':"2022-03-01 02:02:00"}]
 aaa = aaa.sort(sortData);
 console.log(aaa)