怎么处理后端返回复杂的数据?

Question

现有api返回数据

[
        {
          province: '广东省',
          city: '广州市',
          districr: '天河区',
        },
        {
          province: '广东省',
          city: '广州市',
          districr: '白云区',
        },
        {
          province: '广东省',
          city: '东莞市',
          districr: '常平镇',
        },
]

请问如何在最短时间内处理成? 使用es6的解构赋值可以解决吗? 这是之前遇到的面试题。

 [
        {
          name: '广东省',
          children: [
            {
              name: '广州市',
              children: [{ name: '天河区' }, { name: '白云区' }]
            },
            { 
              name: '东莞市', 
              children: [{ name: '常平镇' }]
            },
          ],
        },
]

Answer 1

function processArray(){
  var obj = {
    "name": "广东省",
    "children": []
  }
  arr.forEach(item => {
    var city_has_include = obj.children.some(child => child.name == item.city);
    if(!city_has_include){
      obj.children.push(
        {
          "name": item.city,
          "children": [
            {"name": item.districr}
          ]
        }
      )
    }else {
      obj.children.forEach(city => {
        if(city.name == item.city){
          city.children.forEach(qu => {
            if(qu.name != item.districr){
              city.children.push({"name": item.districr});
            }
          })
        }
      })
    }
  });
  console.log('obj :>> ', obj);
}