javascript - 如何在Javascript中进入n维对象数组？

Question

我有一个 n 维度乘以 n 的对象数组是未知的。这是数据的示例：

Data = [{"value":{"Id":"1","Text":"abcd","Parent":""},"children":[{"value":{"Id":"2","Text":"abcd","Parent":"1"},"children":[{"value":{"Id":"3","Text":"abcd","Parent":"1"},"children":[{"value":...

我想在所有这些数组中旅行以读取对象数据。我怎么能在javascript中做到这一点？

Answer 1

使用递归，假设你想要的只是价值使用这样的东西

var data = [
    {
        "value": {
            "Id": "1",
            "Text": "abcd",
            "Parent": ""
        },
        "children": [
            {
                "value": {
                    "Id": "2",
                    "Text": "abcd",
                    "Parent": "1"
                },
                "children": [
                    {
                        "value": {
                            "Id": "3",
                            "Text": "abcd",
                            "Parent": "1"
                        }
                    }
                ]
            }
        ]
    }
];

function travel(data){
    for(var i =0;i< data.length;++i){
        if(data[i].hasOwnProperty('value')){
            console.log('Value: ',data[i].value);
        }
        if(data[i].hasOwnProperty('children')){
            travel(data[i].children);
        }
    }
}

function collect(data) {
    var res= [];
    function travelAux(data){
        for(var i =0;i< data.length;++i){
            if(data[i].hasOwnProperty('value')){
                res.push(data[i].value);
            }
            if(data[i].hasOwnProperty('children')){
                travelAux(data[i].children);
            }
        }
    }
    travelAux(data);
    return res;
}
travel(data);

Answer 2

您可以执行这样的递归算法：

function travel(d){
        if (d[0] && d[0].value){
          console.log(d[0].value.Id);                          
        }
    if (d[0].children && typeof d[0].children == "object"){
            // if children exist call function recursively
            travel(d[0].children);
        }
}
travel(Data);

查看将孩子的 ID 输出到控制台 (F12)的示例。这是一个简化版本，例如，您必须考虑数组中是否存在多个子项。但我想你明白了。