把树形结构数据当作数组处理的js库(tree-as-array)

本文主要是介绍把树形结构数据当作数组处理的js库(tree-as-array)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 安装：

yarn add tree-as-array
npm i tree-as-array

 使用：

 引入：

import { mapTree, filterTree, findTree } from 'tree-as-array';

需要处理的树形结构数据：

const tree = [{"name": "1","id": "1","isRoot": true,"children": [{"id": 2,"name": "技术部","parentId": 1},{"id": 5,"name": "市场部","parentId": 1},{"id": 7,"name": "行政部","parentId": 1}]},{"name": "2","id": "2","isRoot": true,"children": [{"id": 3,"name": "开发组","parentId": 2},{"id": 4,"name": "测试组","parentId": 2}]},{"name": "5","id": "5","isRoot": true,"children": [{"id": 6,"name": "销售组","parentId": 5}]},{"name": "无上级","id": "无上级","isRoot": true,"children": [{"id": 1,"name": "总公司","parentId": null}]}
]

三个函数的使用方式和数组几乎一样，只是第一个参数需要传需要遍历的树形结构数据。 

mapTree(tree, (item) => {console.log(item)
})

const result = filterTree(tree, (item) => {return item.id !==2
})console.log(result)

const result = findTree(tree, (item) => {return item.id !==2
})console.log(result)

这篇关于把树形结构数据当作数组处理的js库(tree-as-array)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---