フロントエンドのデータフラット化はよく使われますが、スキルがなければ、実装するために面倒なコードをたくさん書くことになります。
下の図は、バックグラウンド データの平坦化によって実現されています。
まず、バックグラウンドから返されたデータを確認し、バックグラウンド データの共通点は、親ノードの typeOne が 0 であることを確認します。
早速、コードについて説明しましょう。
/*****notList はバックグラウンドによって返されるデータです*******/
this.noproblem = this.ConvertArray(notList,0)
/****************配列平坦化呼び出し関数*****************/
ConvertArray(データ, 値) {
const arr = []
data.forEach(item => {
if(item.typeOne == 値) {
arr.push(アイテム)
const Children = this.ConvertArray(data, item.typeTwo)
Children.length && (item.children =children)
}
});
返却先
}、
概要: コールバック関数は、最初に親ノードをフィルタリングし、次に親ノードの子ノードをフィルタリングするために使用されます。