登录
首页 >  文章 >  前端

如何将省市区树结构扁平化转换,并根据选中情况只保留实际选中的层级信息?

时间:2024-11-10 21:24:42 369浏览 收藏

目前golang学习网上已经有很多关于文章的文章了,自己在初次阅读这些文章中,也见识到了很多学习思路;那么本文《如何将省市区树结构扁平化转换,并根据选中情况只保留实际选中的层级信息? 》,也希望能帮助到大家,如果阅读完后真的对你学习文章有帮助,欢迎动动手指,评论留言并分享~

如何将省市区树结构扁平化转换,并根据选中情况只保留实际选中的层级信息?

省市区树结构扁平化转换结构

对于给定的省市区树结构数据,需要对其进行扁平化转换,并根据各层级的选中情况,只保留实际被选中的层级信息。

具体转换规则:

  • 如果省、市、区三级都选中,则只保留省和市信息。
  • 如果省、市都选中,则只保留省信息。
  • 如果仅省选中,则保留省信息。
  • 如果市、区都选中,则保留省、市、区信息。
  • 如果单独选中市或区,则保留省、市、区信息。

实现方法:

可以使用递归遍历的方式,对省市区树进行逐层检查。具体实现如下:

function getNewData(data) {
  let d = []

  for (let province of data) {

    if (province.checked == 1) {
      let obj = {
        provinceAreald: province.code,
        cityAreald: null,  // 如2级全部选中为null
        countryAreald: null,  // 如3级全部选中为null
        actualAreaLevel: '1',
      }

      const cityArr = cityCheck(province, obj, d)

      if (cityArr.length == province.children.length) {
        Object.assign(obj, {
          cityAreald: null,
          actualAreaLevel: '1',
        })
        d.push(obj)  // 2级菜单被<全部>选中
      } else {
        d.push(...cityArr)  // 2级菜单被<部分>选中
      }

    }
  }


  function cityCheck(province, obj, d) {

    let cityArr = []
    for (let city of province.children) {

      if (city.checked == 1) {
        Object.assign(obj, {
          cityAreald: city.code,
          actualAreaLevel: '2',
        })

        // 参数obj, d可能被改变
        const countryArr = countryCheck(city, obj, d)

        if (countryArr.length == city.children.length) {
          Object.assign(obj, {
            countryAreald: null,
            actualAreaLevel: '2',
          })
          cityArr.push(obj)  // 3级菜单被<全部>选中
        } else {
          d = d.push(...countryArr)  // 3级菜单被<部分>选中
        }

      }

    }
    return cityArr

  }


  function countryCheck(city, obj, d) {

    let countryArr = []
    for (let country of city.children) {

      if (country.checked == 1) {
        countryArr.push(
          Object.assign(obj, {
            countryAreald: country.code,
            actualAreaLevel: '3',
          })
        )
      }

    }
    return countryArr
  }


  return d
}

const newData = getNewData(data)
console.log(newData)

到这里,我们也就讲完了《如何将省市区树结构扁平化转换,并根据选中情况只保留实际选中的层级信息? 》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>