樹形資料結構實現平鋪展示

2022-07-25 20:09:11 字數 1189 閱讀 8480

後端返回的資料是樹形結構要實現這種類似平鋪樹的結構

基本思路:取出最後兩級,取出每一級的所有祖先節點

// 只獲取最後兩級得資料

lastleveldata (data)

go(el)//遞迴

} else

})function go (item)

go(child)

} else

if (child.isbottomlevel && str.indexof('_') === -1) else }})

}let obj = {}

//去掉第一級的標籤路徑名

let firstlabel = [

'定製標籤_',

'裝置資訊_',

'自然屬性_',

'社會屬性_',

'興趣偏好_',

'資產資訊_',

'消費資訊_',

'位置資訊_',

'產品功能偏好'

]function removefirst (str)

})return str

}arr = arr.reduce((cur, next) => else

if (!obj[next.key])

return cur

}, )

arr.foreach(element =>

result = result.filter(obj =>

})element.parent = result.reverse()

})this.finalshowdata = arr

console.log(arr)

},

祖父元件

"

>

bus.js  

//由於孫子元件採用了模版遞迴並有複雜的互動操作只能通過bus的方式向祖父元件傳遞事件

import vue from "vue";

export default new vue();

父元件

孫子元件

//模版遞迴

}|}}

}

行資料結構轉成樹形資料結構

背景 在前後端開發過程中,後端負責提供介面資料,有時前端需要把介面資料轉成其他的格式,本文就用於將具備父子邏輯的行資料轉成樹形結構。如下 function rowdatatotreedata roottreenode,rowdata else i i 1 if roottreenode.childr...

SQLServer樹形資料結構的資料進行資料統計

前言 前幾天朋友問我,關於sqlserver資料庫中對樹形結構的表資料統計問題,需求大致如下 分類表 遞迴資料 a的子分類是b,b的子分類是c 分類關係不間斷,a為第一層,b為第二層,c為第三層 需要統計 每個分類所在的層數 子分類的總數 和 子分類的層數 解決思路 建立示例表結構,如下 分類示例表...

進入公司後如何把平鋪資料轉換為樹形資料

上才藝 首先我們需要一組順序結構的陣列 let list 然後定義乙個函式,並且呼叫這個函式,對陣列進行操作 入參為上面的引數 list function fn list 例如 2 let map 對傳進來的引數進行操作 list.filter item map item.id item 在物件中加...