GitHub：https://github.com/Mywbj/treeope.git npm：https://www.npmjs.com/package/treeope
npm install treeope
yarn add treeope
- treeSort 树形数据排序 无论你的key在多少层级下都能够根据你的id来将它们排序好
- treeQuery 根据id值查询，true为查出整条祖先链，false为查出自己所在的地方
- treeCreate 根据你传入的属性名在平级或子级下插入一个数据
- treeDelete 无论层级有多少，都会根据你输入的key去删除一个属性
- 更多常用功能
- 优化代码
使用递归将数据结构查找一遍，直到查出你的key，再根据key去排序数据结构
参数1：是一个数组，参数2：排序的key值，参数3：是一个对象 可选属性（async：可选，是否开启异步，返回一个promise，true为异步，默认值false），（inMax：可选，true为从大到小，false为从小到大，默认值false）
import { treeSort } from 'treeope'
let list = [{
name: 'zs',
id: 20,
obj: {
'1': 1,
arr: [{
ids: 2,
children: [{
goods_id: 200,
sonChi: [{
son_id: 222
}]
}]
}]
}
},
{
name: 'ls',
id: 50,
obj: {
'1': 1,
arr: [{
ids: 5,
children: [{
goods_id: 500,
sonChi: [{
son_id: 555
}]
}]
}]
}
},
{
name: 'zl',
id: 10,
obj: {
'1': 1,
arr: [{
ids: 1,
children: [{
goods_id: 100,
sonChi: [{
son_id: 111
}]
}]
}]
}
},
{
name: 'my',
id: 40,
obj: {
'1': 1,
arr: [{
ids: 4,
children: [{
goods_id: 400,
sonChi: [{
son_id: 444
}]
}]
}]
}
},
{
name: 'ls',
id: 30,
obj: {
'1': 1,
arr: [{
ids: 3,
children: [{
goods_id: 300,
sonChi: [{
son_id: 333
}]
}]
}]
}
}
]
const newData = treeSort(list, 'son_id') // 输入日志如下
[
{
"name": "zl",
"id": 10,
"obj": {
"1": 1,
"arr": [
{
"ids": 1,
"children": [
{
"goods_id": 100,
"sonChi": [
{
"son_id": 111
}
]
}
]
}
]
}
},
{
"name": "zs",
"id": 20,
"obj": {
"1": 1,
"arr": [
{
"ids": 2,
"children": [
{
"goods_id": 200,
"sonChi": [
{
"son_id": 222
}
]
}
]
}
]
}
},
{
"name": "ls",
"id": 30,
"obj": {
"1": 1,
"arr": [
{
"ids": 3,
"children": [
{
"goods_id": 300,
"sonChi": [
{
"son_id": 333
}
]
}
]
}
]
}
},
{
"name": "my",
"id": 40,
"obj": {
"1": 1,
"arr": [
{
"ids": 4,
"children": [
{
"goods_id": 400,
"sonChi": [
{
"son_id": 444
}
]
}
]
}
]
}
},
{
"name": "ls",
"id": 50,
"obj": {
"1": 1,
"arr": [
{
"ids": 5,
"children": [
{
"goods_id": 500,
"sonChi": [
{
"son_id": 555
}
]
}
]
}
]
}
}
]
参数1：是一个数组，参数2：id值，参数3：'ancestors'为查出整条祖先链 'parent'为查出父亲，'self'为查自己，默认值为'self'（此参数可选）
import { treeQuery } from 'treeope'
let list = [
{id: 1, children: ['子', {sonId: 10, name: 'kobe'}]},
{id: 3, children: ['子', {sonId: 30, name: 'myway'}]},
{id: 2, children: ['子', {sonId: 20, name: 'james'}]},
]
// 查自己
treeQuery(list, 30) //output log：{sonId: 30, name: 'myway'}
// 查父亲
treeQuery(list, 30, 'parent') //output log：['子', {sonId: 30, name: 'myway'}]
// 查祖先
treeQuery(list, 30, 'ancestors') //output log：{id:3,children: ['子', {sonId: 30}]}
// 注意第二个参数的类型必须和你想找的属性值类型是一致的
参数1：需要处理的数据 一个数组或对象，参数2：你需要在哪个属性下插入？是一个key，参数3：需要插入的value，参数4：需要插入的key，参数5：是否在同级身上插入，true为同级，false为子级，默认值true
注意：你插入的key和同层级的相同则会覆盖掉
import { treeCreate } from 'treeope'
let list = [
{id: 1, children: ['子', {sonArr: [1,2]}]},
{id: 3, children: ['子', {sonArr: [3,4]}]},
{id: 2, children: ['子', {sonArr: [5,6]}]},
]
let dom1 = treeCreate(list, 'sonArr', {a:1}, 'newObj', true) // 在sonArr同级上添加{a:1}
let dom2 = treeCreate(list, 'sonArr', {a:1}, 'newObj', false) // 在sonArr下添加{a:1}
let dom3 = treeCreate(list, 'children', {a:1}, 'children', true)// 插入的key和同层级的相同则会覆盖掉
dom1:
[
{id: 1, children: ['子', {sonArr: [1,2], {a:1}}]},
{id: 3, children: ['子', {sonArr: [3,4], {a:1}]},
{id: 2, children: ['子', {sonArr: [5,6], {a:1}]},
]
dom2:
[
{id: 1, children: ['子', {sonArr: [1,2,[newObj,{a:1}]]}]},
{id: 3, children: ['子', {sonArr: [3,4,[newObj,{a:1}]]}]},
{id: 2, children: ['子', {sonArr: [5,6,[newObj,{a:1}]]}]},
]
dom3: // 插入的key和同层级的相同则会覆盖掉
[
{id: 1, children: {a:1}},
{id: 3, children: {a:1}},
{id: 2, children: {a:1}},
]
参数1：需要处理的数据 一个数组或对象，参数2：属性值，根据key去删除属性，也可以是一个数组，数组里面包含需要删除的key或者值
import { treeDelete } from 'treeope'
let list = [
{id: 1, children: ['子', {sonArr: [1,2]}, 'hello'], abc: 43},
{id: 3, children: ['子', {sonArr: [3,4]}, 'hello'], abc: 434},
{id: 2, children: ['子', {sonArr: [5,6]}, 'hello'], abc: 34},
]
let dom1 = treeDelete(list, 'sonArr') // 如果是删除属性的话就必须传属性名
let dom2 = treeDelete(list, 'hello') // 如果是删除数组里面的值的话，就直接传值
let dom3 = treeDelete(list, ['子', 1, 4, 5, 'abc', 'id']) // 可以是一个数组，可以是值可以是属性，注意（值得类型必须要一致）
dom1:
[
{id: 1, children: ['子', {}, 'hello'], abc: 43},
{id: 3, children: ['子', {}, 'hello'], abc: 434},
{id: 2, children: ['子', {}, 'hello'], abc: 34},
]
dom2:
[
{id: 1, children: ['子', {sonArr: [1,2]}], abc: 43},
{id: 3, children: ['子', {sonArr: [3,4]}], abc: 434},
{id: 2, children: ['子', {sonArr: [5,6]}], abc: 34},
]
dom3:
[
{"children": [{"sonArr": [2]}, "hello"]},
{"children": [{"sonArr": [3]}, "hello"]},
{"children": [{"sonArr": [6]}, "hello"]}
]