数组按月份排序

最新推荐文章于 2023-12-26 16:15:57 发布

原创最新推荐文章于 2023-12-26 16:15:57 发布 · 440 阅读

0 ·

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

标签

#javascript #前端 #vue.js

在开发中遇到后端未排序的数据数组，需要前端自己进行处理。文章提供了一个JavaScript方法，首先检查时间戳并将其转换为日期格式，然后使用`reduce`方法按月份对数组重新排序。代码示例展示了如何将时间戳转换为日期并按月份排列数组元素。

开发中遇到的一个问题根据你每个月的数据来进行排序，但是后端给了一个整个数组没有排序，需要前端自己处理，最好的解决方法就是让后端来写，但是我们后端懒，只能自己来处理啦

数组的时间如果是年月日直接跳过这一步，如果不是补充一个知识点将时间戳转为时间格式

 formatTime(time) {
      let date = new Date(time * 1000);
      let Y = date.getFullYear() + "-";
      let M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      let D =
        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
      let h =
        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
      let m =
        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
        ":";
      let s =
        date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
      return Y + M + D + h + m + s;
    },

这一步比较笼统自己看看就行

将数组每一项的时间戳转换

 for (let i = 0; i < this.monthlyIncome_priceFrom.length; i++) {
        this.monthlyIncome_priceFrom[i].created_at = this.formatTime( this.monthlyIncome_priceFrom[i].created_at)
      }

使用reduce对数组重新计算排列

  this.monthlyIncome_priceFrom = this.monthlyIncome_priceFrom.reduce((r, v) => r[v.created_at.split('-')[1] - 1].push(v) && r, new Array(12).fill(0).map(_ => []));

生成12个月份的数组根据reduce分割的相同的月份进行push