递归将一维数组转成多维数组

最新推荐文章于 2024-06-27 23:57:27 发布

Redundantº

最新推荐文章于 2024-06-27 23:57:27 发布

阅读量382

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_45256497/article/details/127775746

版权

arrConversion(arr) {
  const keys = Object.keys(arr[0])
  const level1 = keys[0] // 获取一级属性名称
  const level2 = keys[1] // 获取二级属性名称
  const level3 = keys[2] // 获取三级属性名称
  const list = Array.from(
    new Set(
      arr.map((item) => {
        return item[level1]
      })
    )
  )
  const subList = []
  list.forEach((res) => {
    arr.forEach((ele) => {
      if (ele[level1] === res) {
        const nameArr = subList.map((item) => item.value)
        if (nameArr.indexOf(res) !== -1) {
          const nameArr2 = subList[nameArr.indexOf(res)].children.map((item) => item.value)
          if (nameArr2.indexOf(ele[level2]) !== -1) {
            subList[nameArr.indexOf(res)].children[nameArr2.indexOf(ele[level2])].children.push({
              value: ele[level3],
              label: ele[level3]
            })
          } else {
            subList[nameArr.indexOf(res)].children.push({
              value: ele[level2],
              label: ele[level2],
              children: [
                {
                  value: ele[level3],
                  label: ele[level3]
                }
              ]
            })
          }
        } else {
          subList.push({
            value: res,
            label: res,
            children: [
              {
                value: ele[level2],
                label: ele[level2],
                children: [
                  {
                    value: ele[level3],
                    label: ele[level3]
                  }
                ]
              }
            ]
          })
        }
      }
    })
  })
  return subList
},