vue 递归获取地区数据 如何计算获取的百分比

对于递归获取地区数据，您可以使用递归函数来遍历整个地区数据，并将每个地区的数据存储在一个数组中。在遍历过程中，您可以计算出每个地区的百分比，方法是将该地区的数量除以所有地区的数量，然后将结果乘以100。

以下是一个简单的示例代码：

// 递归获取地区数据
function getAreaData(area, data) {
  data.push(area);
  if (area.children) {
    area.children.forEach(child => getAreaData(child, data));
  }
}

// 计算百分比
function calculatePercentage(area, total) {
  return (area.count / total) * 100;
}

// 示例数据
const areaData = [
  {
    name: '北京市',
    count: 100,
    children: [
      { name: '东城区', count: 30 },
      { name: '西城区', count: 40 },
      { name: '朝阳区', count: 30 },
    ]
  },
  {
    name: '上海市',
    count: 200,
    children: [
      { name: '黄浦区', count: 50 },
      { name: '静安区', count: 100 },
      { name: '徐汇区', count: 50 },
    ]
  },
  {
    name: '广东省',
    count: 300,
    children: [
      { name: '广州市', count: 100 },
      { name: '深圳市', count: 100 },
      { name: '珠海市', count: 50 },
      { name: '汕头市', count: 50 },
    ]
  }
];

// 获取所有地区的数据
const allAreaData = [];
areaData.forEach(area => getAreaData(area, allAreaData));

// 计算每个地区的百分比
allAreaData.forEach(area => {
  area.percentage = calculatePercentage(area, allAreaData.reduce((total, item) => total + item.count, 0));
});

console.log(allAreaData);

在此示例中，我们首先定义了一个 `getAreaData` 函数，该函数使用递归方式遍历整个地区数据并将每个地区的数据存储在 `allAreaData` 数组中。然后，我们定义了一个 `calculatePercentage` 函数，该函数计算给定地区的百分比。最后，我们使用 `forEach` 循环遍历所有地区数据，并在每个地区数据中添加一个 `percentage` 属性，该属性存储该地区的百分比。