Javascript 在Json中填充子对象

我试图在父id的基础上从下面的json填充子对象，但面临一些问题，我需要您的帮助。我是Json新手，所以请给我建议一些解决方案，我想显示child1，child2 child3如果页面id为2，我正试图根据父id从Json下面填充子对象，但面临一些问题，我需要您的帮助。我是Json新手，所以请建议我一些解决方案，如果页面id为2，我想显示child1，child2 child3

[
    {
        "id": "2",
        "slug": "parent",
        "title": "Parent",
        "subcategories": [
            {
                "id": "12",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "14",
                "slug": "child2",
                "title": "child2"
            },
            {
                "id": "15",
                "slug": "child3",
                "title": "child3"
            },
            {
                "id": "16",
                "slug": "child4",
                "title": "child4"
            }
        ]
    },
    {
        "id": "11",
        "slug": "parent2",
        "title": "Parent2",
        "subcategories": [
            {
                "id": "32",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "33",
                "slug": "child2",
                "title": "child3"
            }
        ]
    }
]

[
    {
        "id": "2",
        "slug": "parent",
        "title": "Parent",
        "subcategories": [
            {
                "id": "12",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "14",
                "slug": "child2",
                "title": "child2"
            },
            {
                "id": "15",
                "slug": "child3",
                "title": "child3"
            },
            {
                "id": "16",
                "slug": "child4",
                "title": "child4"
            }
        ]
    },
    {
        "id": "11",
        "slug": "parent2",
        "title": "Parent2",
        "subcategories": [
            {
                "id": "32",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "33",
                "slug": "child2",
                "title": "child3"
            }
        ]
    }
]

$.getJSON("data.json" , function(json) {
    $.each(json,function(i, value){
        $.each(value.subcategories, function(index, obj){
            $('#list-category-slider').append('<div class="item"><a href="/' + obj.slug + '">' + obj.title + '</a></div>');
        })
    });
});

---

首先，根据id筛选数组以获取当前页面，并迭代属性以创建列表。对于测试，pageId设置为2

[
    {
        "id": "2",
        "slug": "parent",
        "title": "Parent",
        "subcategories": [
            {
                "id": "12",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "14",
                "slug": "child2",
                "title": "child2"
            },
            {
                "id": "15",
                "slug": "child3",
                "title": "child3"
            },
            {
                "id": "16",
                "slug": "child4",
                "title": "child4"
            }
        ]
    },
    {
        "id": "11",
        "slug": "parent2",
        "title": "Parent2",
        "subcategories": [
            {
                "id": "32",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "33",
                "slug": "child2",
                "title": "child3"
            }
        ]
    }
]

[
    {
        "id": "2",
        "slug": "parent",
        "title": "Parent",
        "subcategories": [
            {
                "id": "12",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "14",
                "slug": "child2",
                "title": "child2"
            },
            {
                "id": "15",
                "slug": "child3",
                "title": "child3"
            },
            {
                "id": "16",
                "slug": "child4",
                "title": "child4"
            }
        ]
    },
    {
        "id": "11",
        "slug": "parent2",
        "title": "Parent2",
        "subcategories": [
            {
                "id": "32",
                "slug": "child1",
                "title": "child1"
            },
            {
                "id": "33",
                "slug": "child2",
                "title": "child3"
            }
        ]
    }
]

$.getJSON("data.json" , function(json) {
    $.each(json,function(i, value){
        $.each(value.subcategories, function(index, obj){
            $('#list-category-slider').append('<div class="item"><a href="/' + obj.slug + '">' + obj.title + '</a></div>');
        })
    });
});

$function{ var-json= [ { id:2， 鼻涕虫：父母， 标题：家长， 子类别：[ { id:12， 鼻涕虫：孩子1， 标题：儿童1 }, { 身份证号码：14， 鼻涕虫：孩子2， 标题：儿童2 }, { 身份证号码：15， 鼻涕虫：孩子3， 标题：儿童3 }, { 身份证号码：16， 鼻涕虫：孩子4， 标题：儿童4 } ] }, { id:11， slug:parent2， 标题：父母2， 子类别：[ { id:32， 鼻涕虫：孩子1， 标题：儿童1 }, { 身份证号码：33， 鼻涕虫：孩子2， 标题：儿童3 } ] } ] var-pageId=2； var currentPage=json.filterfunctionel{ 返回el.id==pageId； }[0]; $.eachcurrentPage.subcategories，functionindex，obj{ $'list-category-slider'。追加； } };

---

对不起，输入错误，这将是你的代码为我工作。请接受答案，并删除重复的项目从json和问题本身。