JS遍歷樹狀資料,選擇需要的欄位重構一個新的樹狀資料
1、原樹狀結構資料
treeData = [
{
"id": 1,
"parentId": 0,
"type": "結生上取段日名求將查由六才酸商驗又每。",
"referenceId": 234,
"sort": 29,
"code": "你計世派列太是後氣住內帶卻所就。",
"name": "直按種白親叫也總較機低及省。",
"userCount": 196,
"description": "空價等名共通七鬥海共度實養族識觀東。",
"modifyDate": null,
"makeBillMan": "test",
"createDate": null,
"modifier": "test",
"deleteFlag": false,
"children": [
{
"id": 2,
"parentId": 1,
"type": "結生上取段日名求將查由六才酸商驗又每。",
"referenceId": 234,
"sort": 29,
"code": "你計世派列太是後氣住內帶卻所就。",
"name": "直按種白親叫也總較機低及省。",
"userCount": 196,
"description": "空價等名共通七鬥海共度實養族識觀東。",
"modifyDate": null,
"makeBillMan": "test",
"createDate": null,
"modifier": "test",
"deleteFlag": false,
"children": [
{
"id": 3,
"parentId": 2,
"type": "結生上取段日名求將查由六才酸商驗又每。",
"referenceId": 234,
"sort": 29,
"code": "你計世派列太是後氣住內帶卻所就。",
"name": "直按種白親叫也總較機低及省。",
"userCount": 196,
"description": "空價等名共通七鬥海共度實養族識觀東。",
"modifyDate": null,
"makeBillMan": "test",
"createDate": null,
"modifier": "test",
"deleteFlag": false,
"children": []
}
]
}
]
}
要求:新建的陣列要有和源資料一樣的結構,其中只保留label=name,和children欄位,children陣列為空時去掉children欄位。
data() {
return {
treeData: null,
newTreeList: []
}
},
created() {
this.getTreeList([this.treeData],this.newTreeList);
},
methods:{
// 遞迴樹狀資料
getTreeList(treeList,newTreeList) {
treeList.map(c=>{
let tempData={
label:c.name
}
if(c.children && c.children.length>0){
tempData.children=[]
this.getTreeList(c.children,tempData.children)
}
newTreeList.push(tempData)
})
}
}
最終資料
相關文章
- 樹狀的資料結構的建立資料結構
- 資料結構——樹與二叉樹的遍歷資料結構二叉樹
- Python資料結構——解析樹及樹的遍歷Python資料結構
- 資料結構——樹狀陣列資料結構陣列
- 資料結構 二叉樹遍歷資料結構二叉樹
- 維護樹狀資料
- 【資料結構】二叉樹的建立與遍歷資料結構二叉樹
- 資料結構之遍歷二叉樹資料結構二叉樹
- 遞迴遍歷樹狀結構優雅實現遞迴
- 用python講解資料結構之樹的遍歷Python資料結構
- 實戰資料結構(11)_二叉樹的遍歷資料結構二叉樹
- 樹狀資料結構儲存方式—— CUD 篇資料結構
- 資料結構-二叉樹的儲存結構與遍歷資料結構二叉樹
- Related to Oracle SQL 關於樹形資料的遍歷OracleSQL
- 位運算-設計資料庫表的多選狀態欄位資料庫
- 資料結構與演算法——二叉樹的前序遍歷,中序遍歷,後序遍歷資料結構演算法二叉樹
- 樹狀資料結構儲存方式——查詢篇資料結構
- 資料結構之真別多想—樹狀陣列資料結構陣列
- python資料結構之二叉樹遍歷的實現Python資料結構二叉樹
- 【資料結構&演算法】11-樹基礎&二叉樹遍歷資料結構演算法二叉樹
- 高效遍歷匹配Json資料,避免巢狀迴圈[轉]JSON巢狀
- 資料結構與演算法-二叉樹遍歷資料結構演算法二叉樹
- 關於一個樹狀結構的通用類
- js資料結構--樹(tree)JS資料結構
- 資料結構實驗:二叉樹的遍歷(C語言版)資料結構二叉樹C語言
- 重溫資料結構系列--樹資料結構
- 【資料結構】二叉樹遍歷(遞迴+非遞迴)資料結構二叉樹遞迴
- layui前端選單構建-批量刪除-彈框填寫-樹狀選單-樹狀下拉框選擇treeSelectUI前端
- json轉json樹狀結構JSON
- 樹形結構資料儲存方案(五):區間巢狀巢狀
- Vue | 一個支援資料抓取的JSON樹元件VueJSON元件
- 樹的遍歷方式
- 重學資料結構之樹和二叉樹資料結構二叉樹
- 重學資料結構(六、樹和二叉樹)資料結構二叉樹
- 一本正經的聊資料結構(5):二叉樹的儲存結構與遍歷資料結構二叉樹
- 通過css類/選擇器選取元素文件結構和遍歷元素樹的文件CSS
- 一個篩選mongo存在某個欄位的資料的技巧Go
- 資料結構-二叉樹的遍歷(類C語言描寫敘述)資料結構二叉樹C語言