// 從后端獲取的數(shù)據(jù)結(jié)構(gòu)
interface BsType {
cid: number;
cname: string;
pid: number;
alias: string;
}
// 轉(zhuǎn)換后的數(shù)據(jù)結(jié)構(gòu)
interface BussinessTYpe {
value: number;
label: string;
pid: number;
alias: string;
children?: BussinessTYpe[];
}
// 將一維數(shù)組轉(zhuǎn)換成樹(shù)形結(jié)構(gòu)
function arr2tree(data: BsType[]) {
const list: BussinessTYpe[] = []
// 定義setItem方法：遞歸實(shí)現(xiàn)樹(shù)形結(jié)構(gòu)
const setItem = (arr: BussinessTYpe[], item: BussinessTYpe) => {
const arrItem = arr.find(e => e.value === item.pid)
if (arrItem) {
arrItem.children ? arrItem.children.push(item) : Object.assign(arrItem, { children: [item] })
} else {
for (let i = 0; i < arr.length; i++) {
arr[i].children && setItem(<BussinessTYpe[]>arr[i].children, item)
}
}
}
for (let i = 0; i < data.length; i++) {
const item = { value: data[i].cid, label: data[i].cname, pid: data[i].pid, alias: data[i].alias }
item.pid < 1 ? list.push(item) : setItem(list, item)
}
return list
}
const data: BsType[] = []
console.log(arr2tree(data))
記錄一下：使用遞歸將一維數(shù)組轉(zhuǎn)為樹(shù)形結(jié)構(gòu)的多維數(shù)組
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門皱炉，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)召烂，“玉大人，你說(shuō)我怎么就攤上這事娃承∽喾颍” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵历筝，是天一觀的道長(zhǎng)酗昼。 經(jīng)常有香客問(wèn)我，道長(zhǎng)梳猪，這世上最難降的妖魔是什么麻削？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮春弥，結(jié)果婚禮上呛哟，老公的妹妹穿的比我還像新娘。我一直安慰自己匿沛，他們只是感情好扫责，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著逃呼，像睡著了一般鳖孤。 火紅的嫁衣襯著肌膚如雪者娱。 梳的紋絲不亂的頭發(fā)上，一...
- 那天苏揣，我揣著相機(jī)與錄音黄鳍，去河邊找鬼。 笑死平匈，一個(gè)胖子當(dāng)著我的面吹牛框沟，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播增炭，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼忍燥，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了弟跑？” 一聲冷哼從身側(cè)響起灾前，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎孟辑，沒(méi)想到半個(gè)月后哎甲，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡饲嗽，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年炭玫，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片貌虾。...
- 正文 年R本政府宣布袄膏，位于F島的核電站践图，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏沉馆。R本人自食惡果不足惜码党，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望斥黑。 院中可真熱鬧揖盘，春花似錦、人聲如沸锌奴。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至椭符，卻和暖如春荔燎，著一層夾襖步出監(jiān)牢的瞬間耻姥，已是汗流浹背销钝。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像婉商，于是被迫代替她去往敵國(guó)和親似忧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1.數(shù)組轉(zhuǎn)樹(shù)形結(jié)構(gòu)： 數(shù)組轉(zhuǎn)樹(shù)形結(jié)構(gòu)數(shù)據(jù)（原理即為通過(guò)設(shè)置id為key值丈秩，再通過(guò)pid去找這個(gè)key是否一樣盯捌，一樣...
- 測(cè)試數(shù)據(jù) areas = [ {id: 1, areaCode: 110000, areaName: '北京市',...
- 這種轉(zhuǎn)換在我們?nèi)粘５拈_(kāi)發(fā)工作中其實(shí)非常常見(jiàn)，后端給你一個(gè)平鋪的數(shù)組格式蘑秽，要求你渲染成多級(jí)菜單的場(chǎng)景饺著；后端返回的數(shù)據(jù)...
- 面試題摘抄記錄 如何將 [{id: 1}, {id: 2, pId: 1}, ...] 的重復(fù)數(shù)組（有重復(fù)數(shù)據(jù)）轉(zhuǎn)...
- 有如下數(shù)據(jù)結(jié)構(gòu)，例如： 為了取用方便肠牲，我們希望可以將其轉(zhuǎn)換為樹(shù)狀格式幼衰，例如： 實(shí)現(xiàn)一個(gè)方法完成這個(gè)轉(zhuǎn)換,如下：主要...
