添加属性

给数据每一级添加一个叠加属性值。例如：level=1（省），level=2（市），level=3（区）。

  1. //cityList(data) = https://file.40017.cn/zhuketong/zhuketong/data/cityList.js
  2. /**
  3.  * @description: 给每一级添加level属性，level随着层级，加1
  4.  * @param {Array} data 城市数组
  5.  * @param {Number} level  需要插入的属性值(这里列举的属性名称是level)
  6.  * @return {Array}最终的执行完的值
  7.  */
  8. function arrAddAttr(data, level = 1) {
  9.   if (data && data.length == 0) return true;
  11.   data.forEach((item) => {
  12.     item.level = level;
  14.     if(item.children && item.children.length > 0) {
  15.       arrAddAttr(item.children, level + 1)
  16.     }
  17.   })
  18.   return data;
  19. }
  21. //arrAddAttr(cityList, 1)
  22. //expected output: [{label: '安徽省',value: '2', level: 1, children: [{label: '安庆市', value: '36', level: 2}]}]

过滤属性

根据需要的等级，过滤出数据，例如：省；省、市；省、市、区。

  1. //cityList(data) = https://file.40017.cn/zhuketong/zhuketong/data/cityList.js
  2. /**
  3.  * @description: 过滤出想要的数据，例如省；省、市；省、市、区；
  4.  * @param {Array} data 城市数组
  5.  * @param {Number} level  需要插入的属性以及值，比如1就是获取省，2就是获取省、市，3就是获取省、市、区
  6.  * @return {Array}最终的执行完的值
  7.  */
  8. let arrSize = arrLength(data);
  10. function arrFilter(data, level=3) {
  11.   if(level === 1) {
  12.     return data.reduce((acc, item) => {
  13.       acc.push({
  14.         value: item.value,
  15.         label: item.label
  16.       })
  17.       return acc;
  18.     },[])
  19.   }
  20.   else if(level > 1 && level < arrSize) {
  21.     return data.reduce((acc, item) => {
  22.       if(item.children && item.children.length > 0) {
  23.         let node = arrFilter(item.children, level);
  25.         if(node) {
  26.           acc.push({ 
  27.             value: item.value,
  28.             label: item.label,
  29.             children: node
  30.           })
  31.         }
  32.       }
  33.       return acc;
  34.     },[])
  35.   }
  36.   else {
  37.     return data;
  38.   }
  39. }
  41. //父子级的总长度
  42. function arrLength(data, len = 1) {
  43.   for(var item of data) {
  44.     if(item.children) {
  45.       len++
  46.       let node = arrLength(item.children, len);
  47.       if(node) {
  48.         return node;
  49.       }
  50.     }
  51.     else {
  52.       return len;
  53.     }
  54.   }
  55. }
  57. //arrFilter(cityList, 2)
  58. //expected output: [{label: '安徽省',value: '2', children: [{label: '安庆市', value: '36', children: []}]}]

获取属性值

根据需要查询的属性，来获取对应的值（Object）

  1. //cityList(data) = https://file.40017.cn/zhuketong/zhuketong/data/cityList.js
  2. /**
  3.  * @description: 根据需要查询的属性，来获取对应的值
  4.  * @param {Array} data
  5.  * @param {String} label
  6.  * @return {Object} 包含了label在类的值，如果有children，也会一并返回
  7.  */
  8. function arrGetValue(data, label) {
  9.   for(const item of data) {
  10.     if(item.label === label) {
  11.       return item;
  12.     }
  14.     if(item.children && item.children.length > 0) {
  15.       const _item = this.arrGetValue(item.children, label)
  16.       if(_item) return _item;
  17.     }
  18.   }
  19. }
  21. //arrGetValue(cityList, '芜湖市')
  22. //expected output: {value: '50', label: '芜湖市', children: Array(8)}
  24. //arrGetValue(cityList, '三山区')
  25. //expected output: {value: '3688', label: '三山区'}

获取所有父节点对象

根据需要查询的id，来获取所有父节点对象

  1. //cityList(data) = https://file.40017.cn/zhuketong/zhuketong/data/cityList.js
  2. /**
  3.  * @description: 根据需要查询的id，来获取所有父节点对象
  4.  * @param {Array} data
  5.  * @param {String} id
  6.  * @return {Array}返回所有父节点对象数组
  7.  */
  8. function arrFilterValue(data, id) {
  9.   for(var i in data) {
  10.     if(data[i].value === id) {
  11.       return [data[i]]
  12.     }
  14.     if(data[i].children && data[i].children.length > 0) {
  15.       let node = arrFilterValue(data[i].children,id);
  16.       if (node) {
  17.         return node.concat(data[i])
  18.       }
  19.     }
  20.   }
  21. }
  22. //arrFilterValue(cityList, '50')
  23. //expected output: [{value: '50', label: '芜湖市', children: Array(8)}, {value: '20', label: '安徽省', children: Array(16)}]
  25. //arrFilterValue(cityList, '3690')
  26. //expected output: [{value: '3690', label: '鸠江区'}, {value: '50', label: '芜湖市', children: Array(8)}, {value: '20', label: '安徽省', children: Array(16)}]