打印对象整个路径的数组

时间:2017-10-23 16:23:56

标签: javascript arrays json object

美好的一天人

我有一个对象数组,我需要打印出每个节点值的路径以及最后一个打印键和特殊(按名称)节点的值。

这是对象数组或JSON

[{
    "Name": "2007",
    "Elements": [{
            "Name": "country1",
            "Elements": [{
                "House": "house1",
                "water": 1.8
            }],
            "Data": {}
        },
        {
            "Name": "country2",
            "Elements": [{
                "Name": "city2",
                "Elements": [{
                    "Name": "neighbourhood2",
                    "Elements": [{
                        "House": "house2",
                        "water": 2.8
                    }]
                }],
                "Data": {}

            }],
            "Data": {}
        },
        {
            "Name": "country3",
            "Elements": [{
                "House": "house2",
                "uni bill": 3.8
            }],
            "Data": {}
        }
    ],
    "Data": {}
}]

输出应该是这样的

2007 > country1 > house > water: 1.8
2007 > city2 > neighbourhood2 > house2 > electricity: 2.8
2007 > country3 > house > uni bill: 3.8

++++++++++++++++++++++++++++++++++++++++++++++++++++++++

function objectToPaths(data) {
    var validId = /^[a-z_$][a-z0-9_$]*$/i;
    var result = [];
   doIt(data, "");
    return result;

    function doIt(data, s) {
      if (data && typeof data === "object") {
       if (Array.isArray(data)) {
          for (var i = 0; i < data.length; i++) {
            doIt(data[i], s + "");
          }
        } else {
          for (var p in data) {
            if (validId.test(p)) {

              doIt(data[p], s + " > " + data[p]);
             } else {
              doIt(data[p], s + "");
           }
          }
        }
      } else {
        result.push(s);
      }
   }
 }

这是我在这里找到的函数的重写,但我没有得到预期的结果

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++

请帮忙

提前致谢

2 个答案:

答案 0 :(得分:4)

您正在寻找的是一个递归打印属性的Depth First Traversal函数:

function print(arr, path) {                              // print takes an array an an accumulated path from which it will start printing
  arr.forEach(function(obj) {                            // for each object obj in the array
    if(obj.Elements) {                                   // if the object obj has sub elements in it
      print(obj.Elements, path + " > " + obj.Name);      // then call print on those elements, providin the absolute path to this object
    } else {                                             // otherwise (it is a leaf)
      const bills = Object.keys(obj)
        .filter(key => key !== "House")
        .map(key => `${key}: ${obj[key]}`)
        .join(', ')
      console.log(path.slice(3) + " > " + obj.House + " > " + bills);    // print the accumulated path along with the House property of this object (removing the first 3 letters from path which are equal to " > ")
    }
  });
};

var arr = [{"Name":"2007","Elements":[{"Name":"country1","Elements":[{"House":"house1","water":1.8}],"Data":{}},{"Name":"country2","Elements":[{"Name":"city2","Elements":[{"Name":"neighbourhood2","Elements":[{"House":"house2","water":2.8}]}],"Data":{}}],"Data":{}},{"Name":"country3","Elements":[{"House":"house2","uni bill":3.8}],"Data":{}}],"Data":{}}];

print(arr, "");

答案 1 :(得分:2)

您可以使用函数迭代并收集最后一个对象的路径。

&#13;
&#13;
function iter(array, path) {
    path = path || [];
    array.forEach(function (o) {
        if (o.Elements) {
            return iter(o.Elements, path.concat(o.Name));
        }
        Object.keys(o).forEach(function (k) {
            if (k !== 'House') {
                console.log(path.concat(o.House, k).join(' > ') + ': ' + o[k]);
            }
        });            
    });
}

var data = [{ Name: "2007", Elements: [{ Name: "country1", Elements: [{ House: "house1", water: 1.8 }], Data: {} }, { Name: "country2", Elements: [{ Name: "city2", Elements: [{ Name: "neighbourhood2", Elements: [{ House: "house2", water: 2.8 }] }], Data: {} }], Data: {} }, { Name: "country3", Elements: [{ House: "house2", "uni bill": 3.8 }], Data: {} }], Data: {} }];

iter(data);
&#13;
.as-console-wrapper { max-height: 100% !important; top: 0; }
&#13;
&#13;
&#13;