讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

updream

一键生成高质量推广成片

AniShort
AniShort

AI短剧协同制作平台

Seko
Seko

AI短剧一键生成成片

JavaScript 中高效合并与平均多组不等长时间序列数据

冬婷酱_3527

冬婷酱_3527

发布时间:2026-02-28 23:04:02

|

930人浏览过

|

来源于php中文网

原创

JavaScript 中高效合并与平均多组不等长时间序列数据

本文介绍如何在 JavaScript 中高效地对多个不等长的时间序列数组(以 [timestamp, value] 形式存储)按时间戳对齐并计算各时间点的平均值,无需依赖 Lodash,仅用原生方法即可实现高性能聚合。

本文介绍如何在 javascript 中高效地对多个不等长的时间序列数组(以 `[timestamp, value]` 形式存储)按时间戳对齐并计算各时间点的平均值,无需依赖 lodash,仅用原生方法即可实现高性能聚合。

在时序数据分析场景中(如传感器采集、日志指标聚合或金融行情对齐),常遇到多组长度不一、但共享同一时间轴的数据——部分时间点在某些序列中缺失。此时,直接按索引平均毫无意义;真正需要的是以时间戳为键,聚合所有可用观测值并求均值。下面提供一个简洁、健壮、零依赖的原生 JavaScript 实现方案。

javascript-typescript-typescript-scaffold
javascript-typescript-typescript-scaffold

你是 TypeScript 项目架构专家,专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链(pnpm、Vite、Next.js)、类型

下载

核心思路:分三步完成聚合

  1. 扁平化合并:将所有时间序列数组展开为单一二维数组;
  2. 按时间戳分组:使用对象({ timestamp: [value1, value2, ...] })归集同时间点的所有数值;
  3. 计算均值并格式化输出:遍历分组对象,对每个时间戳下的数值数组求平均,并还原为 [timestamp, avgValue] 的二维数组结构。

完整实现代码

const array1 = [[1, 100], [2, 200], [3, 300], [4, 400]];
const array2 = [[1, 150], [3, 350], [4, 450]];
const array3 = [[1, 250], [2, 350], [4, 450]];

const allArrays = [array1, array2, array3];

// 步骤1 & 2:扁平化 + 按时间戳分组(使用 reduce + nullish coalescing assignment)
const groupedByTime = allArrays
  .flat() // 替代 [...array1, ...array2, ...array3],更简洁且支持任意数量数组
  .reduce((acc, [time, value]) => {
    (acc[time] ??= []).push(value);
    return acc;
  }, {});

// 步骤3:计算平均值,生成目标格式结果(保留一位小数,时间转为 number 类型)
const averagedResult = Object.entries(groupedByTime)
  .map(([timeStr, values]) => {
    const avg = values.reduce((sum, v) => sum + v, 0) / values.length;
    return [Number(timeStr), parseFloat(avg.toFixed(1))]; // toFixed 返回字符串,故用 parseFloat 确保数值类型
  })
  .sort((a, b) => a[0] - b[0]); // 可选:按时间戳升序排列,保证输出有序

console.log(averagedResult);
// 输出: [[1, 166.7], [2, 275], [3, 325], [4, 433.3]]

关键技术点说明

  • ✅ Array.prototype.flat():替代手动展开,天然支持嵌套层级可控的扁平化(默认深度 1),语义清晰且兼容性良好(ES2019+,现代浏览器及 Node.js ≥12 均支持)。
  • ✅ ??=(空值合并赋值):确保 acc[time] 初始化为空数组,避免重复判断 if (!acc[time]) acc[time] = [],提升可读性与性能。
  • ✅ parseFloat(avg.toFixed(1)):toFixed() 返回字符串,若后续需参与数值运算(如再平均、绘图库输入),应显式转回 number;parseFloat 比 Number() 更安全(对空字符串返回 NaN 而非 0,便于错误发现)。
  • ✅ .sort() 补充:因 Object.entries() 不保证键顺序,添加排序可确保结果严格按时间递增,符合时间序列惯例。

注意事项与扩展建议

  • 时间精度处理:若时间戳为毫秒级浮点数(如 Date.now()),建议先四舍五入到秒或毫秒粒度再分组,避免浮点误差导致误判为不同时间点:
    const roundedTime = Math.round(time / 1000) * 1000; // 对齐到秒
  • 缺失值容忍:当前逻辑自动跳过缺失时间点(即仅聚合存在的数据),符合题设要求;如需补零或插值,应在分组前注入默认值。
  • 大数据量优化:当数组极长(>10⁵ 项)时,可考虑使用 Map 替代普通对象(避免原型链干扰、支持任意键类型),性能更稳定:
    const grouped = allArrays.flat().reduce((map, [t, v]) => {
      const list = map.get(t) ?? [];
      list.push(v);
      return map.set(t, list);
    }, new Map());

该方案兼具简洁性、可维护性与生产就绪性,适用于前端可视化预处理、Node.js 后端指标聚合等典型场景。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

花生AI
花生AI Hot

一款AI视频创作工具,主要用于B站推出的AI视频创作工具,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

讯飞智文

一款面向学习和办公场景的AI文档创作工具,可辅助生成PPT与Word文档,提高资料整理和内容制作效率。

相关专题

更多
sort排序函数用法
sort排序函数用法

sort排序函数的用法:1、对列表进行排序,默认情况下,sort函数按升序排序,因此最终输出的结果是按从小到大的顺序排列的;2、对元组进行排序,默认情况下,sort函数按元素的大小进行排序,因此最终输出的结果是按从小到大的顺序排列的;3、对字典进行排序,由于字典是无序的,因此排序后的结果仍然是原来的字典,使用一个lambda表达式作为key参数的值,用于指定排序的依据。

1158

2023.09.04

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1918

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

3164

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6364

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

6509

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

8034

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

12434

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

6459

2025.07.29

Go-Zero API开发使用教程
Go-Zero API开发使用教程

本专题聚焦Go-Zero的API开发,拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则,说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式,并给出网关聚合与接口测试的实践建议。

0

2026.11.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn