js根据数组对象值、日期进行排序

承佳yijiu

已于 2022-07-27 13:41:32 修改

阅读量533

点赞数

分类专栏：前端 TS 文章标签：前端

于 2022-07-12 13:57:31 首次发布

本文链接：https://blog.csdn.net/chengjiayijiu/article/details/125741537

版权

前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

本文介绍如何在后端使用Hutool库将树形结构数据转化为List<Tree<String>>，并针对三种不同类型的节点进行排序。在前端，由于原始数据未按类型排序，因此进行了额外处理。主要方法包括递归遍历树结构并应用排序规则，首先根据节点类型排序，若类型相同则依据创建时间进行升序或降序排列。这种方法适用于需要根据多个字段排序的场景。

摘要由CSDN通过智能技术生成

现有一个树形结构数据，在后端直接通过hutool的树工具转成树结构数据List<Tree<String>> list ，分为三种类型的节点，返回的数据中发现没有对这些数据根据类型进行排序，所以在前端对这个树结构数组进行了处理

  private dataSorting(data) {
    this.handleTreeData(data)
    data.forEach(v => {
      if (!!v.children && v.children.length) {
        this.dataSorting(v.children)
      } else {
      }
    })
  }

  private handleTreeData(data) {
    //根据数组 treeNode 树节点在前，叶子节点在后 最后为未分类节点
    let order = ['treeNode', 'leafNode', 'uncategorized']
    data.sort((a, b) => {
      return order.indexOf(a.type) - order.indexOf(b.type)
    })
  }

如果需要根据多个条件字段排序可以改为如下：先按照节点类型type排序，如果类型一致则按照创建时间排序createTime。

b.属性 - a.属性代表按这个字段值降序排序

a.属性 - b.属性代表按这个字段值升序排序

    data.sort((a, b) => {
      let compare = order.indexOf(a.type) - order.indexOf(b.type)
      if (compare == 0) {
        return Date.parse(b.createTime) - Date.parse(a.createTime)
      } else {
        return compare
      }
    })