如何打印json对象数组将所有值打印为类别和子类别

Question

我有一个json对象，其中包含类别和子类别。我需要打印在一个特定的方式，如所示。下面应该是该数组的输出。

我需要得到所有最终值输出，如:

TV
Mobile
Sumsung
Means
Tshirt

这是我的JSON对象:

var cat = {
categoryList: [
{
_id: "60efd92451be2c18d82f4b2a",
name: "TV",
slug: "TV",
children: [],
},
{
_id: "60f018cf12ea421c403ef801",
name: "Mobile",
slug: "Mobile",
children: [
{
_id: "60f036fb2201d117c84d9667",
name: "Sumsung",
slug: "Sumsung",
parentId: "60f018cf12ea421c403ef801",
children: [],
},
],
},
{
_id: "60f01da22201d117c84d9665",
name: "Means",
slug: "Means",
children: [
{
_id: "60f035af2201d117c84d9666",
name: "Tshirt",
slug: "Tshirt",
parentId: "60f01da22201d117c84d9665",
children: [],
},
],
},
],
};

Answer 1

我写了这个递归函数，它接受cat对象并返回一个包含所有类别的数组。

function categoryExtractor(obj) {
const allCategories: string[] = [];
(function extractor(arr) {
for (let i = 0; i < arr.length; i++) {
allCategories.push(arr[i].name);
if (arr[i].children) extractor(arr[i].children);
}
})(obj.categoryList);
return allCategories;
}
console.log(categoryExtractor(cat));

Answer 2

如果您在打印到控制台时需要任何花哨的子类别格式，请告诉我。

var cat = {
categoryList: [{
_id: "60efd92451be2c18d82f4b2a",
name: "TV",
slug: "TV",
children: [],
},
{
_id: "60f018cf12ea421c403ef801",
name: "Mobile",
slug: "Mobile",
children: [{
_id: "60f036fb2201d117c84d9667",
name: "Sumsung",
slug: "Sumsung",
parentId: "60f018cf12ea421c403ef801",
children: [],
}, ],
},
{
_id: "60f01da22201d117c84d9665",
name: "Means",
slug: "Means",
children: [{
_id: "60f035af2201d117c84d9666",
name: "Tshirt",
slug: "Tshirt",
parentId: "60f01da22201d117c84d9665",
children: [],
}, ],
},
],
};

function printCategory(categories) {
for (category of categories) {
console.log(category.name);
if (category.children) printCategory(category.children);
}
}
printCategory(cat.categoryList);

Answer 3

您可以使用Array#reduce:

var cat = {
"categoryList": [{
"_id": "60efd92451be2c18d82f4b2a",
"name": "TV",
"slug": "TV",
"children": []
},
{
"_id": "60f018cf12ea421c403ef801",
"name": "Mobile",
"slug": "Mobile",
"children": [{
"_id": "60f036fb2201d117c84d9667",
"name": "Sumsung",
"slug": "Sumsung",
"parentId": "60f018cf12ea421c403ef801",
"children": []
}]
},
{
"_id": "60f01da22201d117c84d9665",
"name": "Means",
"slug": "Means",
"children": [{
"_id": "60f035af2201d117c84d9666",
"name": "Tshirt",
"slug": "Tshirt",
"parentId": "60f01da22201d117c84d9665",
"children": []
}]
}
]
};
const values = cat.categoryList.reduce((a, e) => a.concat([e.name, e.children.map(e => e.name)]).flat(), []);
console.log(values);