1
我得到一個對象數組。爲了解釋的緣故,我減少了屬性,只留下相關的屬性。 我需要排序這些對象,並創建一個新的數組。 原始陣列當然是未排序的。Javascript - 改進對象集合的排序
進入數組的對象可以有任意數量的子項。也有孩子可以有自己的孩子。但最後他們都是主對象的子對象(parent_id:null)。 //未分類
let data = [
{
id: 1,
name:'ParentAlpha',
parent_id: null
},
{
id: 2,
name:'ParentBeta',
parent_id: null
},
{
id: 100,
name:'ChildOneAlpha',
parent_id: 1
},
{
id: 101,
name:'ChildTwoAlpha',
parent_id: 1
},
{
id: 102,
name:'SubChildOneAlpha',
parent_id: 100
},
{
id: 103,
name:'SubChildTwoAlpha',
parent_id: 100
},
{
id: 200,
name:'ChildOneBeta',
parent_id: 2
},
{
id: 201,
name:'ChildTwoBeta',
parent_id: 2
}]
我想實現的是這個(相同的結構,但我已經中省略JSON結構)。
[{ParentAlpha...},
{ChildOneAlpha...},
{SubChildOneAlpha...},
{SubChildTwoAlpha...},
{ChildTwoAlpha...},
{ParentBeta...},
{ChildOneBeta...},
{ChildTwoBeta...}]
我已經做了工作code,但我認爲它可以製成一個好一點的,我想了解更多信息。然而,我看着代碼,我不知道如何改進它。如果有人可以指點一些指南,我將不勝感激。
我的工作代碼:
let processedProducts = [],
processedid = [],
rearangedProducts = [];
let subParentProducts = data.slice();
let masterParentProducts = data.filter((product)=>{
return product.parent_id === null
});
masterParentProducts.forEach((productParent)=>{
if(processedid.indexOf(productParent.id) === -1){
processedid.push(productParent.id);
processedProducts.push(productParent);
}
data.forEach((product, index)=>{
if (product.parent_id === productParent.id){
processedProducts.push(product);
subParentProducts[index] = null;
}
if (product.id === productParent.id) {
subParentProducts[index] = null
}
})
});
subParentProducts = subParentProducts.filter(function(n){ return n !== null });
processedProducts.forEach((prod)=>{
rearangedProducts.push(prod);
let res = subParentProducts.filter((o)=> {
return o.parent_id === prod.id;
});
if (res.length > 0){
rearangedProducts.push(res[0]);
}
});
console.log(rearangedProducts)
請提供您的努力_in問題itself_爲[MCVE。鏈接腐爛。 – evolutionxbox
完成。謝謝你的提示。 –