怎么动态添加对象属性

Question

let dataList = [
    {
        name: "将军",
        checked: true,
        index:[0],
        child: [
            {
                name: "师长",
                checked: true,
                index:[0,0],
                child: [
                    {name: "营长1", checked: true, level: 2,index:[0,0,0]},
                    {name: "营长2", checked: true, level: 2,index:[0,0,1]}
                ],
                level: 1
            }
        ],
        level: 0
    }
]

上面每个index都标记着当着所有索引的位置
假如我点击获取到页面的index是[0,0,0]
我想改变他的所有的父级checked为false
考虑到层级可能会很多层不可能写死
想根据索引去动态操作他的父级，结果如下,这个要怎么处理

this.dataList[0].checked = false;
this.dataList[0].child[0].checked = false;

Answer 1

//假设当前node是
let node = dataList[0].child[0].child[0]

//那么
//从该元素开始
pindex = node.index
//从该元素开始
//let pindex = node.index.slice(0, -1)

pindex.reduce((data, item) => {
    let parent = data[item]
    parent.checked = false

    return parent.child
}, dataList)

console.log(dataList)

Answer 2

js 递归树结构数据查找所有父级

JavaScript DOＭ文档遍历－JS查找父节点、子节点、同级节点

js递归查询id所对应的节点，查询该节点的父节点，查询该节点的所有子节点