javascript二维数组按指定要求进行对象合并遍历的算法开发

javascript二维数组按指定要求进行对象合并遍历的算法开发

项目原数据

从第三方API获取如何格式的数据:

  • "device": "二(1)班",不同班级名称,会重复
  • "name": "二(1)班-电量",不同班级的数据标准
  • "value": 10,数据值
    那实际开发中,如何根据需要进行数据的合并和计算呢?
javascript 复制代码
[{
		"device": "二(1)班",
		"name": "二(1)班-电量",
		"value": 10
	},
	{
		"device": "二(1)班",
		"name": "二(1)班-电流",
		"value": 11
	},
	{
		"device": "二(1)班",
		"name": "二(1)班-电功率",
		"value": 12
	},
	{
		"device": "二(2)班",
		"name": "二(2)班-电量",
		"value": 13
	},
	{
		"device": "二(2)班",
		"name": "二(2)班-电流",
		"value": 14
	},
	{
		"device": "二(2)班",
		"name": "二(2)班-电功率",
		"value": 15
	}
]

项目需求

数据格式

如何按照device相同数值的班级合并成一个数组格式如:

php 复制代码
{"device": "二(1)班","name": "二(1)班-电量,二(1)班-电流,二(1)班-电功率","value": "10,11,12"},
{"device": "二(2)班","name": "二(2)班-电量,二(2)班-电流,二(2)班-电功率","value": "13,14,15"}]

算法开发

在JavaScript中,你可以使用reduce函数来将具有相同"device"的对象合并成一个新的数组。下面是一个例子:

javascript 复制代码
let data = [
    { "device": "二(1)班", "name": "二(1)班-电量", "value": 10 },
    { "device": "二(1)班", "name": "二(1)班-电流", "value": 11 },
    { "device": "二(1)班", "name": "二(1)班-电功率", "value": 12 },
    { "device": "二(2)班", "name": "二(2)班-电量", "value": 13 },
    { "device": "二(1)班", "name": "二(2)班-电流", "value": 14 },
    { "device": "二(1)班", "name": "二(2)班-电功率", "value": 15 }
];

let result = data.reduce((acc, curr) => {
    let found = acc.find(item => item.device === curr.device);
    if (found) {
        found.name += ',' + curr.name;
        found.value += ',' + curr.value;
    } else {
        acc.push({
            device: curr.device,
            name: curr.name,
            value: curr.value
        });
    }
    return acc;
}, []);

console.log(result);

在这个脚本中,我们遍历数据数组,并使用reduce函数来创建一个新的结果数组。对于每一个元素,它会检查是否已经在结果数组中找到一个相同的"device"。如果找到,它会将当前元素的"name"和"value"添加到找到的元素的"name"和"value"上。如果没有找到,它会将当前元素添加到结果数组中。最后,它将打印出结果数组。


@漏刻有时

相关推荐
Dream-Y.ocean21 分钟前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
ZhengEnCi1 小时前
大模型的分类到底怎么分:从基础模型到推理模型、从通用到专用的完整图谱
算法
Highcharts.js1 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
取名真是2 小时前
Python 算法知识点从基础到进阶
开发语言·python·算法
罗西的思考2 小时前
【轻量化复刻大模型 / KIMI K3】KDA 模块交互式演示
人工智能·算法·机器学习
三少爷的鞋3 小时前
Android 架构七条铁律:架构师真正设计的不是代码,而是秩序
android
nm_zfyjt4 小时前
信息流广告投放优化实践:线索成本评估模型与转化链路重构(家装建材案例)
算法·重构·内蒙古朋友圈广告服务商·内蒙古朋友圈获客
kyriewen4 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
xiangxiongfly9155 小时前
Android GsonFactory总结
android·gson·gsonfactory
工控丫丫5 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库