js按日期按数量进行倒序排序,然后再新增一个字段,给这个字段赋值 10 到1

news2025/1/5 4:23:18

效果如下图:

实现思路:

  1. 汇总数据:使用 reduce 方法遍历原始数据数组,将相同日期的数据进行合并,并计算每个日期的总和。
  2. 创建日期映射:创建一个映射 dateMap,存储每个日期的对象列表。
  3. 排序并添加排序字段:遍历 dateMap 中的每个日期列表,按照 value 降序排序,并为每个对象添加一个 rank 字段,表示该对象在相同日期中的排序值。

运行这段代码后,原始的 data 数组中的每个对象都会有一个 rank 字段,表示该对象在相同日期中的排序位置。

代码:

let data = [
  { date: '2023-01-01', value: 2 },
  { date: '2023-01-02', value: 1 },
  { date: '2023-01-01', value: 3 },
  { date: '2023-01-02', value: 5 },
  { date: '2023-01-01', value: 6 },
  { date: '2023-01-01', value: 9 },
  { date: '2023-01-02', value: 7 },
];

// Step 1: 使用 reduce 方法汇总数据
const summarizedData = data.reduce((prev, cur) => {
  const index = prev.findIndex(item => item.date === cur.date);
  if (index !== -1) {
    prev[index].value += cur.value;
  } else {
    prev.push({ ...cur });
  }
  return prev;
}, []);

// Step 2: 创建一个映射,存储每个日期的对象列表
const dateMap = {};
data.forEach(item => {
  if (!dateMap[item.date]) {
    dateMap[item.date] = [];
  }
  dateMap[item.date].push(item);
});

// Step 3: 为每个原始数据对象添加排序字段
Object.keys(dateMap).forEach(date => {
  dateMap[date].sort((a, b) => b.value - a.value); // 按照 value 降序排序
  dateMap[date].forEach((item, index) => {
    item.rank = index + 1; // 添加 rank 字段
  });
});

console.log(data);

本页实现代码(备忘,自用):

 const result = await queryListRptSmokeDay({ ...where, page, limit });

  if (result.length > 0) {
    const summarizedData = result.reduce((prev, cur) => {
      const index = prev.findIndex((item) => item.statisticsDate === cur.statisticsDate);
      if (index !== -1) {
        prev[index].statisticsCount += cur.statisticsCount;
      } else {
        prev.push({ ...cur });
      }
      return prev;
    }, []);

    // Step 2: 创建一个映射,存储每个日期的对象列表
    const dateMap = {};
    result.forEach((item) => {
      if (!dateMap[item.statisticsDate]) {
        dateMap[item.statisticsDate] = [];
      }
      dateMap[item.statisticsDate].push(item);
    });

    // Step 3: 为每个原始数据对象添加排序字段
    Object.keys(dateMap).forEach((statisticsDate) => {
      dateMap[statisticsDate].sort((a, b) => a.statisticsCount - b.statisticsCount); // 按照 value 降序排序
      dateMap[statisticsDate].forEach((item, index) => {
        item.rank = index + 1; // 添加 rank 字段
      });
    });
    result.sort((a, b) => {
      if (a.statisticsDate !== b.statisticsDate) {
        return b.statisticsDate.localeCompare(a.statisticsDate); // 降序日期
      } else {
        return b.rank - a.rank; // 降序数量
      }
    });
    console.log(result, 666666);
    return result;
  } else {
    return [];
  }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2269805.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MM-2024 | 智能体遇山开路,遇水架桥! ObVLN:突破障碍,受阻环境中的视觉语言导航

作者:Haodong Hong, Sen Wang, Zi Huang 单位:昆士兰大学 论文链接:Navigating Beyond Instructions: Vision-and-Language Navigation in Obstructed Environments (https://dl.acm.org/doi/pdf/10.1145/3664647.3681640) 代码链接&#…

1Panel自建RustDesk服务器方案实现Windows远程macOS

文章目录 缘起RustDesk 基本信息实现原理中继服务器的配置建议 中继服务器自建指南准备服务器安装1Panel安装和配置 RustDesk 中继服务防火墙配置和安全组配置查看key下载&安装&配置客户端设置永久密码测试连接 macOS安装客户端提示finder写入失败hbbs和hbbr说明**hbbs…

Tube Qualify弯管测量系统在汽车管路三维检测中的应用

从使用量上来说,汽车行业是使用弯管零件数量最大的单一行业。在汽车的燃油,空调,排气,转向,制动等系统中都少不了管路。汽车管件形状复杂,且由于安装空间限制,汽车管件拥有不同弯曲半径&#xf…

Excel文件恢复教程:快速找回丢失数据!

Excel文件恢复位置在哪里? Excel是微软开发的电子表格软件,它为处理数据和组织工作提供了便捷。虽然数据丢失的问题在数字时代已经司空见惯,但对于某些用户来说,恢复未保存/删除/丢失的Excel文件可能会很困难,更不用说…

R语言入门笔记:第一节,快速了解R语言——文件与基础操作

关于 R 语言的简单介绍 上一期 R 语言入门笔记里面我简单介绍了 R 语言的安装和使用方法,以及各项避免踩坑的注意事项。我想把这个系列的笔记持续写下去。 这份笔记只是我的 R 语言入门学习笔记,而不是一套 R 语言教程。换句话说:这份笔记不…

16、【ubuntu】【gitlab】【补充】服务器断电后,重启服务器,gitlab无法访问

背景 接wiki 【服务器断电后,重启服务器,gitlab无法访问】https://blog.csdn.net/nobigdeal00/article/details/144280761 最近不小心把服务器重启,每次重启后,都会出现gitlab无法访问 分析 查看系统正在运行的任务 adminpcad…

汇编环境搭建

学习视频 将MASM所在目录 指定为C盘

两种分类代码:独热编码与标签编码

目录 一、说明 二、理解分类数据 2.1 分类数据的类型:名义数据与序数数据 2.2 为什么需要编码 三、什么是独热编码? 3.1 工作原理:独热编码背后的机制 3.2 应用:独热编码的优势 四、什么是标签编码? 4.1 工作原理&…

二、SQL语言,《数据库系统概念》,原书第7版

文章目录 一、概览SQL语言1.1 SQL 语言概述1.1.1 SQL语言的提出和发展1.1.2 SQL 语言的功能概述 1.2 利用SQL语言建立数据库1.2.1 示例1.2.2 SQL-DDL1.2.2.1 CREATE DATABASE1.2.2.2 CREATE TABLE 1.2.3 SQL-DML1.2.3.1 INSERT INTO 1.3 用SQL 语言进行简单查询1.3.1 单表查询 …

异常与中断(下)

文章目录 一、中断的硬件框架1.1 中断路径上的3个部件1.2 STM32F103的GPIO中断1.2.1 GPIO控制器1.2.2 EXTI1.2.3 NVIC1.2.4 CPU1. PRIMASK2. FAULTMASK3. BASEPRI 1.3 STM32MP157的GPIO中断1.3.1 GPIO控制器1.3.2 EXTI1. 设置EXTImux2. 设置Event Trigger3. 设置Masking4. 查看…

「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现

本篇教程将带你实现一个简易购物车功能。通过使用接口定义商品结构,我们将创建一个动态购物车,支持商品的添加、移除以及实时总价计算。 关键词 UI互动应用接口定义购物车功能动态计算商品管理列表操作 一、功能说明 简易购物车功能包含以下交互&#…

STM32学习之EXTI外部中断(以对外式红外传感器 / 旋转编码器为例)

中断:在主程序运行过程中,出现了特定的中断触发条件(中断源),使得CPU暂停当前正在运行的程序,转而去处理中断程序处理完成后又返回原来被暂停的位置继续运行 中断优先级:当有多个中断源同时申请中断时,CPU会根据中断源的轻重缓急…

如何使用 ChatGPT Prompts 写学术论文?

第 1 部分:学术写作之旅:使用 ChatGPT Prompts 进行学术写作的结构化指南 踏上学术写作过程的结构化旅程,每个 ChatGPT 提示都旨在解决特定方面,确保对您的主题进行全面探索。 制定研究问题: “制定一个关于量子计算的社会影响的研究问题,确保清晰并与您的研究目标保持一…

HuatuoGPT-o1:基于40K可验证医学问题的两阶段复杂推理增强框架,通过验证器引导和强化学习提升医学模型的推理能力

HuatuoGPT-o1:基于40K可验证医学问题的两阶段复杂推理增强框架,通过验证器引导和强化学习提升医学模型的推理能力 论文大纲理解1. 确认目标2. 分析过程3. 实现步骤4. 效果展示 解法拆解全流程提问俩阶段详细分析 论文:HuatuoGPT-o1, Towards …

07-计算机网络面试实战

07-计算机网络面试实战 计算机网络面试实战 为什么要学习网络相关知识? 对于好一些的公司,计算机基础的内容是肯定要面的,尤其是 30k 以内的工程师,因为目前处于的这个级别肯定是要去写项目的,还没上升到去设计架构的高…

Github - 如何提交一个带有“verified”标识的commit

Github - 如何提交一个带有“verified”标识的commit 前言(Why) 今天在Github上浏览某项目的commit记录的时候发现,有的commit记录带有verified绿色标识,有的带有橘色的Unverified标识,还有的什么都不显示。 既然我是根正苗红的作者(bushi)…

中式美学|中国红电商展台咒语分享

使用工具:千鹿AI 咒语:geometric shape podium,Red background, and rose gold elements on the right side, Chinese New Year atmosphere, simple and clean light luxury scene, minimalist style, minimalist stage design, studio lighting, minim…

中断系统 | 高优先级抢占原理

参考视频 入坑单片机 – [12_2]中断系统 [12_3]底层解析 51内核中断抢占性 如果我们把51单片机的5个中断都打开的话,CPU对与中断的响应是从上到下的。 如果INT0 和TIM0 的中断同时发生,CPU会有执行INT0的服务函数,然后再执行TIM0的函数。…

探寻AI Agent:开启知识图谱自动生成新篇章(17/30)

一、AI Agent 与知识图谱:智能时代的双雄 在当今科技飞速发展的时代,人工智能如同一股汹涌澎湃的浪潮,正以前所未有的力量重塑着我们的世界。而在这股浪潮中,AI Agent 与知识图谱无疑是两颗最为璀璨的明珠,它们各自发挥…

CA系统的设计(CA证书生成,吊销,数字签名生成)

CA系统概述 CA认证系统是一种基于公钥密码基础设施(PKI)的信息安全技术,它可以为网络通信双方提供身份认证、数据加密、数字签名等功能。CA认证系统的核心是证书授权机构(CA),它负责为用户(节点…