javascript - 如何在javascript中将子项添加到现有数组

Question

我有一个 JavaScript 数组:

var elements = [ // original hierarhical array to display
            {key:10, label:"Web Testing Dep.", open: true, children: [
                {key:20, label:"Elizabeth Taylor"},
                {key:30, label:"Managers",  children: [
                    {key:40, label:"John Williams"},
                    {key:50, label:"David Miller"}
                ]},
                {key:60, label:"Linda Brown"},
                {key:70, label:"George Lucas"}
            ]},
            {key:110, label:"Human Relations Dep.", open:true, children: [
                {key:80, label:"Kate Moss"},
                {key:90, label:"Dian Fossey"}
            ]}
        ];

如果我想添加一个全新的元素，我可以使用push()。但我想添加一个元素的一部分。例如我想添加

var toAdd = {key:100, label:"Johny Dep"}

致关键 10“网络测试部门”的 children 。是否也可以使用push()？

Answer 1

您可以使用迭代和递归方法来阻止插入新对象。

function addToStructure(structure, object, parent) {
    structure.some(function iter(a) {
        if (a.key === parent) {
            a.children = a.children || [];
            a.children.push(object);
            return true;
        }
        return Array.isArray(a.children) && a.children.some(iter);
    });
}

var elements = [{ key: 10, label: "Web Testing Dep.", open: true, children: [{ key: 20, label: "Elizabeth Taylor" }, { key: 30, label: "Managers", children: [{ key: 40, label: "John Williams" }, { key: 50, label: "David Miller" }] }, { key: 60, label: "Linda Brown" }, { key: 70, label: "George Lucas" }] }, { key: 110, label: "Human Relations Dep.", open: true, children: [{ key: 80, label: "Kate Moss" }, { key: 90, label: "Dian Fossey" }] }];

addToStructure(elements, { key: 100, label: "Johny Dep" }, 10);

console.log(elements);

.as-console-wrapper { max-height: 100% !important; top: 0; }