基于数组的类别子类别可以通过以下方式显示:
例如,假设有以下类别和子类别的数组:
const categories = [
{ id: 1, name: '电子产品', parentId: null },
{ id: 2, name: '手机', parentId: 1 },
{ id: 3, name: '电脑', parentId: 1 },
{ id: 4, name: '家用电器', parentId: null },
{ id: 5, name: '厨房电器', parentId: 4 },
{ id: 6, name: '卫生电器', parentId: 4 },
];
使用JavaScript可以实现以下递归函数来显示基于数组的类别子类别:
function displayCategories(categories, parentId = null, level = 0) {
const subCategories = categories.filter(category => category.parentId === parentId);
if (subCategories.length === 0) {
return;
}
subCategories.forEach(category => {
const indent = ' '.repeat(level * 2);
console.log(indent + category.name);
displayCategories(categories, category.id, level + 1);
});
}
displayCategories(categories);
上述代码将输出以下结果:
电子产品
手机
电脑
家用电器
厨房电器
卫生电器
在这个例子中,我们通过parentId字段将类别和子类别关联起来。递归函数根据父类别的id查找其下的子类别,并使用缩进来表示层次关系。
推荐腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)
领取专属 10元无门槛券
手把手带您无忧上云