子カテゴリ オブジェクトの配列を持つことができるカテゴリ オブジェクトの配列を使用しています。注意が必要なのは、このネストされたデータの深さが不明 (および変更される可能性がある) ことです。(下部のサンプルを参照してください。) 私がやろうとしているのは、カテゴリ オブジェクトに「トレイル」を返すことですが、さまざまな困難があります。
理想的には次のようなものfindCategory('b4')
が返されます: ['c1', 'd2', 'd3', 'b4']
(サンプルを参照)。
私の問題は、再帰によって引き起こされたネストされたループから適切に抜け出すのに問題があることだと思います。トレイルに余分なカテゴリが追加されることもあれば、壊れたと思ったときに、より深くネストされたカテゴリがトレイルに表示されることもあります。
1 つの結果は次のようになります。明らかに、b4 でループを強制終了していません。結果が 2 回検出される理由がわかりません。
b4
FOUND
["c1", "d2", "d3", "b4"]
e2
FOUND
["c1", "d2", "d3", "b4", "e2"]
underscore.js のバージョンも見せていただければボーナスです。
JSFiddle リンクはこちら...
// Start function
function findCategory(categoryName) {
var trail = [];
var found = false;
function recurse(categoryAry) {
for (var i=0; i < categoryAry.length; i++) {
console.log(categoryAry[i].category);
trail.push(categoryAry[i].category);
// Found the category!
if ((categoryAry[i].category === categoryName) || found) {
console.log('FOUND');
found = true;
console.log(trail);
break;
// Did not match...
} else {
// Are there children / sub-categories? YES
if (categoryAry[i].children.length > 0) {
console.log('recurse');
recurse(categoryAry[i].children);
// NO
} else {
trail.pop();
if (i === categoryAry.length - 1) {
trail.pop();
}
}
}
}
}
return recurse(catalog);
}
console.clear();
console.log(findCategory('b4'));
たとえば、カテゴリ オブジェクトのネストされた配列を持つ配列カテゴリ オブジェクト。入れ子の深さは不明であると仮定します。
var catalog = [
{
category:"a1",
children:[
{
category:"a2",
children:[]
},
{
category:"b2",
children:[
{
category:"a3",
children:[]
},
{
category:"b3",
children:[]
}
]
},
{
category:"c2",
children:[]
}
]
},
{
category:"b1",
children:[]
},
{
category:"c1",
children:[
{
category:"d2",
children:[
{
category:"c3",
children:[]
},
{
category:"d3",
children:[
{
category:"a4",
children:[]
},
{
category:"b4",
children:[]
},
{
category:"c4",
children:[]
},
{
category:"d4",
children:[]
}
]
}
]
},
{
category:"e2",
children:[
{
category:"e3",
children:[]
}
]
}
]
}
];