TJ-JSTOOLS【数组操作 —— treeToFlat】
功能： 将树形结构的数据扁平化为一维数组。
1-函数引入
js
import { treeToFlat } from 'tj-jstools'
1
2-函数声明
ts
declare const treeToFlat: (targetArr: any[], childName?: string) => any[];
1
3-使用示例
模拟数据
模拟数据详情
ts
const testArr = [
{
"id": "1",
"pid": "0",
"label": "省/直辖市",
"value": "重庆",
"children": [
{
"id": "4",
"pid": "1",
"label": "市/区",
"value": "九龙坡",
"children": [
{
"id": "6",
"pid": "4",
"label": "镇/街道",
"value": "九龙镇"
}
]
},
{
"id": "5",
"pid": "1",
"label": "市/区",
"value": "大渡口"
}
]
},
{
"id": "2",
"pid": "0",
"label": "省/直辖市",
"value": "四川",
"children": [
{
"id": "3",
"pid": "2",
"label": "市/区",
"value": "成都"
}
]
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
3.1- 简单使用
ts
const res:any[] = treeToFlat(testArr)
1
打印结果
json
[
{
"id": "1",
"pid": "0",
"label": "省/直辖市",
"value": "重庆"
},
{
"id": "4",
"pid": "1",
"label": "市/区",
"value": "九龙坡"
},
{
"id": "6",
"pid": "4",
"label": "镇/街道",
"value": "九龙镇"
},
{
"id": "5",
"pid": "1",
"label": "市/区",
"value": "大渡口"
},
{
"id": "2",
"pid": "0",
"label": "省/直辖市",
"value": "四川"
},
{
"id": "3",
"pid": "2",
"label": "市/区",
"value": "成都"
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
3.2- 配置childName
ts
const childName:string = 'children'
const res:any[] = treeToFlat(testArr,childName)
1
2
2
- childName 默认值：
children, 一般指树形结构的子数据字段名称，你可以自定义为其他名称，如：childList等