二维数组遍历获取数据

二维数组遍历获取数据

二维数组遍历获取数据

需求：

1. 循环遍历mapData,用mapData中的’[“数据1”, “1”]'中的’数据1’去匹配数组arr中对应的{ label: “数据1”,value: “数据1”,children: []}的label，并取出对应的label
2. 然后再用mapData中的’[“数据1”, “1”]'中的’1’去匹配数组arr中对应的{ label: “数据1”,value: “数据1”,children: []}模块下的children中对应的value并取出对应的value与label
3. 最后将数据组装成如下数据格式： [{ module: “数据1”, id: “1”, name: “参数1” }];

//数据源
let arr = [
  {
    label: "数据1",
    value: "数据1",
    children: [
      {
        label: "参数1",
        value: "1",
      },
      {
        label: "参数2",
        value: "2",
      },
      {
        label: "参数3",
        value: "3",
      },
    ],
  },
  {
    label: "数据2",
    value: "数据2",
    children: [
      {
        label: "参数1",
        value: "1",
      },
      {
        label: "参数2",
        value: "2",
      },
      {
        label: "参数3",
        value: "3",
      },
    ],
  },
  {
    label: "数据3",
    value: "数据3",
    children: [
      {
        label: "参数1",
        value: "1",
      },
      {
        label: "参数2",
        value: "2",
      },
      {
        label: "参数3",
        value: "3",
      },
    ],
  },
];

//用于匹配数据源的二维数组
let mapData = [
  ["数据1", "1"],
  ["数据1", "2"],
  ["数据3", "2"],
];

// 结果数组，用于存放组装后的数据
let submitData = [];

mapData.forEach((pair) => {
  // 提取模块名称和值
  let [moduleName, childValue] = pair;

  // 查找对应的模块
  let module = arr.find((item) => item.label === moduleName);

  if (module && module.children) {
    // 在找到的模块的children中查找对应的value
    let child = module.children.find((child) => child.value === childValue);

    if (child) {
      // 如果找到了对应的子项，就按照指定格式加入到结果数组中
      submitData.push({
        module: module.label,
        id: child.value,
        name: child.label,
      });
    }
  }
});
console.log(submitData);
//输出结果
[{
  id: "1",
  module: "数据1",
  name: "参数1"
}, {
  id: "2",
  module: "数据1",
  name: "参数2"
}, {
  id: "2",
  module: "数据3",
  name: "参数2"
}]

js在线代码调试:https://jsfiddle.net/