來源:本來打算寫一個(gè)遞歸展開,突然有點(diǎn)懶得寫就隨便問了下GPT,然后看到AI提供的展開多維數(shù)組的案例,借鑒改造了一下
注意需要克隆原數(shù)組,堆棧地址的影響
展開樹狀結(jié)構(gòu)數(shù)組
const expendArray = (data: any[]) => {
const cloneData = cloneDeep(data);
const result = [];
// 以原數(shù)組的長(zhǎng)度作為循環(huán)條件,當(dāng)所有值被刪除后,長(zhǎng)度為0,條件判斷為false
while(cloneData?.length) {
// shift() 刪除數(shù)組的第一個(gè)元素并且返回被刪除的元素
const item = cloneData.shift();
if(item?.children && item?.children?.length) {
// 如果該元素存在子項(xiàng),則展開并追加到元素組頭部
cloneData.unshift(...item?.children);
// 可有可無,刪除children屬性保持新數(shù)組的干凈(個(gè)人)
delete item.children;
}
// 添加到新數(shù)組
result.push(item);
}
return result;
}
展開多維數(shù)組
const expendArray = (data: any[]) => {
const cloneData = cloneDeep(data);
const result = [];
while(cloneData?.length) {
const item = cloneData.shift();
if(Array.isArray(item)) {
cloneData.unshift(...item);
} else {
result.push(item);
}
}
return result;
}