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);