基于去重规则从现有对象数组生成新对象数组

Hey there! 别着急，这种从现有对象数组生成新数组的需求其实超级常见，咱们一步步来理清楚思路～

第一步：先明确「输入」和「输出」的结构差异 #

这是最关键的第一步！你得先把原数组里每个对象的字段结构，和你最终想要的新数组对象的字段结构一一对应起来。比如：

原对象：{id: 1, label: "用户名", inputValue: "张三"}
目标新对象：{fieldId: 1, fieldLabel: "用户名", content: "张三"}

把这种对应关系列出来，后续的代码逻辑就有了明确的方向。

第二步：选对数组方法，事半功倍 #

根据你的需求类型，选合适的数组方法就行：

• map()：如果是「一对一」转换（原数组每个元素对应新数组一个元素），map是最直接的选择，它会遍历原数组，返回一个全新的数组，每个元素都是你处理后的新对象。
  举个简单示例：

  // 原数组
  const originalItems = [
    {id: 1, label: "用户名", inputValue: "张三"},
    {id: 2, label: "年龄", inputValue: 25}
  ];
  // 生成新数组
  const newItems = originalItems.map(item => ({
    fieldId: item.id,
    fieldLabel: item.label,
    content: item.inputValue,
    // 还可以加额外的计算或默认值
    isRequired: item.label === "用户名" ? true : false
  }));
  

• filter() + map()：如果需要先筛选出符合条件的元素，再转换结构，就先filter过滤，再用map做转换。
• reduce()：如果是需要聚合处理（比如按某个字段分组、计算总和、合并重复项这类「一对多/多对一」的场景），reduce会更灵活。比如按类别分组计算总和：

  const groupedResult = originalItems.reduce((acc, current) => {
    // 初始化分组
    if (!acc[current.category]) {
      acc[current.category] = { category: current.category, total: 0 };
    }
    // 累加数值
    acc[current.category].total += current.inputValue;
    return acc;
  }, {});
  // 把最终的对象转为数组
  const newArr = Object.values(groupedResult);
  

第三步：结合你的代码场景（第167行开始） #

你可以照着这个逻辑套进自己的代码里：

1. 先找到第167行附近的原数组变量，用console.log(原数组变量)打印出来，确认每个对象的字段；
2. 把你想要的新对象字段和原字段做映射；
3. 用对应的数组方法写转换逻辑，测试运行看结果。

如果遇到某个字段可能为空的情况，记得用可选链?.或者三元表达式处理，避免报错，比如item.user?.name || "匿名"。

内容的提问来源于stack exchange，提问作者Sharper