JavaScript把id相同的值合并

原创

mob649e815da088 2024-01-26 13:07:17 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e815da088的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript如何合并id相同的值

作为一名经验丰富的开发者，我将指导你如何使用JavaScript来合并具有相同id值的数据。下面是整个过程的流程图：

sequenceDiagram
    participant 小白
    participant 开发者

    小白 ->> 开发者: 请求帮助
    开发者 -->> 小白: 同意
    开发者 ->> 开发者: 分析问题
    开发者 ->> 小白: 提供解决方案
    小白 -->> 开发者: 需要进一步解释
    开发者 ->> 小白: 提供更多解释
    开发者 -->> 小白: 结束

解决方案

首先，我们需要一个包含重复id的数据数组，然后使用JavaScript来合并这些数据。下面是具体的步骤：

步骤	描述
1	创建一个空对象来存储合并后的结果
2	遍历数据数组
3	检查当前数据项的id是否已经在结果对象中存在
4	如果存在，将当前数据项的值与结果对象中该id的值合并
5	如果不存在，将当前数据项的id和值添加到结果对象中
6	返回结果对象

现在，让我们逐步实现这些步骤。

代码实现

首先，我们创建一个空对象result来存储合并后的结果：

let result = {};

然后，我们遍历数据数组，并进行合并操作：

data.forEach(item => {
  // 检查当前数据项的id是否已经在结果对象中存在
  if (result.hasOwnProperty(item.id)) {
    // 如果存在，将当前数据项的值与结果对象中该id的值合并
    result[item.id] += item.value;
  } else {
    // 如果不存在，将当前数据项的id和值添加到结果对象中
    result[item.id] = item.value;
  }
});

最后，我们返回结果对象：

return result;

完整代码实例

下面是一个完整的示例代码，展示了如何使用JavaScript合并具有相同id值的数据：

function mergeData(data) {
  let result = {};

  data.forEach(item => {
    // 检查当前数据项的id是否已经在结果对象中存在
    if (result.hasOwnProperty(item.id)) {
      // 如果存在，将当前数据项的值与结果对象中该id的值合并
      result[item.id] += item.value;
    } else {
      // 如果不存在，将当前数据项的id和值添加到结果对象中
      result[item.id] = item.value;
    }
  });

  return result;
}

// 示例数据
let data = [
  { id: "1", value: 10 },
  { id: "2", value: 20 },
  { id: "1", value: 30 },
  { id: "3", value: 40 }
];

// 合并数据
let mergedData = mergeData(data);

console.log(mergedData);
// 输出: { "1": 40, "2": 20, "3": 40 }