js 给树形(层级)数组添加层级标识

Posted ZerlinM

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 给树形(层级)数组添加层级标识相关的知识,希望对你有一定的参考价值。

树形数据,需要给每层的数据添加层级,如下:

const treeData = [
  
    id: 1, name: \'a\', children: [
       id: 101, name: \'a1\', children: null 
    ]
  ,
  
    id: 2, name: \'b\', children: [
      
        id: 201, name: \'b1\', children: [
           id: 211, name: \'b2\', children: null 
        ]
      
    ]
  ,
]

const arrayTreeAddLevel = (array, levelName = \'level\', childrenName = \'children\') => 
  if (!Array.isArray(array)) return []
    const recursive = (array, level = 0) => 
    level++
    return array.map(v => 
      v[levelName] = level
      const child = v[childrenName]
      if (child && child.length) recursive(child, level)
        return v
      )
    
  return recursive(array)


const newData = arrayTreeAddLevel(treeData)

以上是关于js 给树形(层级)数组添加层级标识的主要内容,如果未能解决你的问题,请参考以下文章

js中实现无限层级的树形结构(类似递归)

js中将有层级关系的一维数据转换为父子级关系的二维数据菜单权限三级层级数据实现(树形结构数据)

js中将有层级关系的一维数据转换为父子级关系的二维数据菜单权限三级层级数据实现(树形结构数据)

js中平级数组和树形结构数据相互转换

Tree 树形控件

未知层级树结构删除某一行,添加子节点