乙個案例帶你理解 扁平化資料轉化成樹形資料

2021-10-05 19:23:09 字數 521 閱讀 8716

const data = [

,  ,,,

,,]這是乙個扁平化的資料

但是這種資料返回給前端展示成樹形的話,會比較不方便,因此需要進行乙個轉換

轉換的方式有兩種,

方法一,遞迴呼叫

function totreedata(data,pid)).foreach(item => )

})return arr

}return tree(pid) // 第一級節點的父id,是null或者0,視情況傳入}

方法二,

function settreedata(arr) );

let map = {}; // 構建map

arr.foreach(i => );

let treedata = ;

arr.foreach(child => else

});return treedata;

};console.log(settreedata(data)); // 輸出整理後的資料

輸出結果:

如何實現乙個陣列扁平化函式

1,遞迴 function flattendeep arr else return deeparr console.log flattendeep 1,2 3,4,5 1,2,3,4,5 2,map方法 function flattendeep2 arr console.log flattendee...

流行趨勢 25個最佳的扁平化網頁設計案例

以微軟 metro ui 為代表的扁平化介面設計 flat ui design 已成為網頁設計領域的流行趨勢,越來越多的設計師崇尚扁平化設計的簡約 大方和時尚的現代氣息。這篇文章分享的25個最佳的扁平化網頁設計案例將帶你一起體驗這前沿的設計。layervault lorenzo verzini sp...

乙個案例引發的思考

今天下午,團隊開了乙個簡短的版本總結會。會上測試經理分析了乙個案例 某子程式在轉測試後發現不能被平台排程,原因是子程式的排程入口跟不符合平台規範。很明顯開發在轉測試前沒有充分自驗證,測試經理提出,後續對跟平台對接的子程式轉測試必須要有將子程式接入平台跑通後的驗證報告和相關checklist,否則不予...