二维数组遍历获取数据
二维数组遍历获取数据
需求:
- 循环遍历mapData,用mapData中的’[“数据1”, “1”]'中的’数据1’去匹配数组arr中对应的{ label: “数据1”,value: “数据1”,children: []}的label,并取出对应的label
- 然后再用mapData中的’[“数据1”, “1”]'中的’1’去匹配数组arr中对应的{ label: “数据1”,value: “数据1”,children: []}模块下的children中对应的value并取出对应的value与label
- 最后将数据组装成如下数据格式: [{ 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/