省市区三级联动组合树形结构

export const addres2 = {
	province_list: {
	  510000: "四川省",
},
	city_list: {
	  510100: "成都市",
	  510300: "自贡市",
	  510400: "攀枝花市",
	  510500: "泸州市",
	  510600: "德阳市",
	  510700: "绵阳市",
	  510800: "广元市",
	  510900: "遂宁市",
	  511000: "内江市",
},

  510104: "锦江区",
	  510105: "青羊区",
	  510106: "金牛区",
	  510107: "武侯区",
	  510108: "成华区",
	  510112: "龙泉驿区",
	  510113: "青白江区",
	  510114: "新都区",
	  510115: "温江区",
	  510116: "双流区",
	  510117: "郫都区",
	  510121: "金堂县",
	  510129: "大邑县",
	  510131: "蒲江县",
	  510132: "新津县",
	  510181: "都江堰市",
	  510182: "彭州市",
	  510183: "邛崃市",
	  510184: "崇州市",
}
  function getTree(areaList) {
    let province_list = Object.keys(areaList.province_list); //省数据
    let city_list = Object.keys(areaList.city_list); //市数据
    let county_list = Object.keys(areaList.county_list); //区县数据

    const tree = province_list.map((province) => ({
      text: areaList.province_list[province],
      value: province,
      children: city_list
        .filter((city) => city.slice(0, 2) == province.slice(0, 2))
        .map((city) => ({
          text: areaList.city_list[city],
          value: city,
          children: county_list
            .filter((county) => county.slice(0, 4) == city.slice(0, 4))
            .map((county) => ({
              text: areaList.county_list[county],
              value: county,
            })),
        })),
    }));

    return tree;
  }

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值