省市用element级联选择器,构造树形结构的数据(两层)

    //省市数据格式化
element 级联选择器 树形结构

  /**
     * @param {Object} addressMap 数据源
     * @param {String} idKey 数据id
     * @param {String} pIdKey 父节点id
     * @param {String} childrenKey 树形节点名称
     */
  formatAddress(addressMap = {}, idKey = 'id', pIdKey = 'pId', childrenKey = 'children') {
      let map = {}; //存省市code值及序号
      let data = []; //对象数组
      let dataset = []; //格式化后的省市数据
      //map数据转对象数组
      for (let i in addressMap) {
        let obj = {};
        obj[i] = addressMap[i];
        obj['label'] = addressMap[i];
        obj['value'] = i;
        //根据数据源(例:湖北省17 武汉市1701,父id则为17),构造id和父id
        if (i.length !== 2) {
          obj[pIdKey] = i.slice(0, 2);
        }
        obj[idKey] = i;
        data.push(obj);
      }

      //存值 key值: 省市key值(如'01'),value值:对象数组的序号index(从0开始),便于取值
      data.forEach((item, index) => {
        map[item[idKey]] = index;
        console.log(map);
      });

      for (let k = 0; k < data.length; k++) {
        let node = data[k]; //当前对象
        let pIdValue = node[pIdKey];  //从当前对象获取pId对应的值
        let mapIndex = map[pIdValue]; //需要放入children的序号
        //判断是否存在pId
        if (pIdValue !== '-1' && pIdValue !== '' && data[mapIndex]) {
          //判断是否存在children,找到其pId对应的位置并将值放入其中
          if (!data[mapIndex][childrenKey]) {
            data[mapIndex][childrenKey] = [];
            data[mapIndex][childrenKey].push(node);
          } else {
            data[mapIndex][childrenKey].push(node);
          }
        } else {
          dataset.push(node);
        }
      }

      return dataset;
    }
数据源(addressMap)举例:
{
    "10":"江苏省",
    "11":"浙江省",
    "12":"安徽省",
    "13":"福建省",
    "14":"江西省",
    "15":"山东省",
    "16":"河南省",
    "17":"湖北省",
    "18":"湖南省",
    "19":"广东省",
    "20":"广西壮族自治区",
    "21":"海南省",
    "22":"重庆市",
    "23":"四川省",
    "24":"贵州省",
    "25":"云南省",
    "26":"西藏自治区",
    "27":"陕西省",
    "28":"甘肃省",
    "29":"青海省",
    "30":"宁夏回族自治区",
    "31":"新疆维吾尔自治区",
    "2201":"万州区",
    "2202":"涪陵区",
    "2203":"渝中区",
    "2204":"大渡口区",
    "2205":"江北区",
    "2206":"沙坪坝区",
    "2207":"九龙坡区",
    "2208":"南岸区",
    "2209":"北碚区",
    "2210":"綦江区",
    "2211":"大足区",
    "2212":"渝北区",
    "2213":"巴南区",
    "2214":"黔江区",
    "2215":"长寿区",
    "2216":"江津区",
    "2217":"合川区",
    "2218":"永川区",
    "2219":"南川区",
    "2220":"璧山区",
    "2221":"铜梁区",
    "2222":"潼南区",
    "2223":"荣昌区",
    "2902":"海东市",
    "09012":"延边市",
    "09011":"通榆县",
    "09010":"抚松县",
    "09009":"敦化市",
    "09008":"通化市",
    "09007":"长春市",
    "09006":"吉林市",
    "09005":"四平市",
    "09004":"辽源市",
    "09003":"白山市",
    "09002":"松原市",
    "09001":"白城市",
    "0909":"宝山区",
    "0907":"杨浦区",
    "0908":"闵行区",
    "0905":"普陀区",
    "0906":"虹口区",
    "0903":"长宁区",
    "0904":"静安区",
    "0901":"黄浦区",
    "0902":"徐汇区",
    "0914":"青浦区",
    "0915":"奉贤区",
    "0912":"金山区",
    "0913":"松江区",
    "0910":"嘉定区",
    "0911":"浦东新区",
    "01":"北京市",
    "02":"天津市",
    "03":"河北省",
    "04":"山西省",
    "05":"内蒙古自治区",
    "06":"辽宁省",
    "07":"吉林省",
    "08":"黑龙江省",
    "09":"上海市",
    "03021":"景县",
    "03022":"魏县",
    "03020":"任丘市",
"0204":"南开区", "0205":"河北区", "0202":"河东区", "0203":"河西区", "0201":"和平区", "0208":"西青区", "0209":"津南区", "0206":"红桥区", "0207":"东丽区", "0215":"静海区", "0216":"蓟州区", "0213":"滨海新区", "0214":"宁河区", "0211":"武清区", "0212":"宝坻区", "0210":"北辰区", "03018":"怀来县", "03019":"平泉县", "03014":"定州市", "03015":"迁安市", "03016":"宁晋县", "03017":"涿州市", "0105":"丰台区", "03010":"石家庄市", "0106":"石景山区", "0103":"西城区", "03012":"衡水市", "0104":"朝阳区", "03013":"辛集市", "0101":"海淀区", "0102":"东城区", "0109":"通州区", "0107":"门头沟区", "0108":"房山区", "03007":"承德市", "03008":"秦皇岛市", "03009":"邢台市", "03003":"廊坊市", "03004":"沧州市", "03005":"保定市", "03006":"邯郸市", "0116":"延庆区", "0114":"平谷区", "03001":"唐山市", "0115":"密云区", "03002":"张家口市", "0112":"大兴区", "0113":"怀柔区", "0110":"顺义区", "0111":"昌平区" }
posted @ 2020-08-05 10:35  scallop  阅读(810)  评论(0编辑  收藏  举报