使用 javascript 循环遍历具有多个子项的 JSON 对象答案

【问题标题】：looping through JSON object with multiple childrens using java script使用 javascript 循环遍历具有多个子项的 JSON 对象
【发布时间】：2016-06-11 12:21:00
【问题描述】：

我正在尝试循环一个看起来像这样的 Json 对象

    [
      {
        "yang_type": "container",
        "name": "c1",
        "value": "",
        "children": [
          {
            "yang_type": "",
            "name": "type",
            "value": "Uint32",
            "children": []
          },
          {
            "yang_type": "list",
            "name": "DNS",
            "value": "",
            "children": [
              {
                "name": "type",
                "value": "String",
                "children": [],
                "yang_type": ""
              },
              {
                "yang_type": "leaf",
                "name": "ip-address",
                "value": "",
                "children": [
                  {
                    "name": "type",
                    "value": "string",
                    "children": [],
                    "yang_type": ""
                  }
                ]
              },
              {
                "yang_type": "leaf",
                "name": "Domain",
                "value": "",
                "children": [
                  {
                    "name": "type",
                    "value": "string",
                    "children": [],
                    "yang_type": ""
                  }
                ]
              }
            ]
          }
        ]
      }
    ]

我正在尝试这种逻辑，但它不会循环遍历第一个孩子的孩子。

while(m.children.length >= 1) {
    if(m.yang_type!='' && m.name!=''){
       {$log.error("parent:",m.yang_type,m.name);}
    }
    if(m.name!='' && m.value!=''){
       {$log.error("child:",m.name,m.value);}
    }
    m = m.children[m.children.length - 1];   
}

上面的代码没有循环遍历所有的孩子。我做错了什么？

【问题讨论】：

请不要编辑您的问题以包含新问题。而是创建一个新问题。
如果我这样做。 Ppl 将其标记为重复 :) 无论如何让我创建一个新的

标签： javascript json nested nested-loops

【解决方案1】：

您尝试循环遍历数组。您的尝试不会以这种方式进行。

您可以使用回调进行迭代，并使用它进行递归调用。

function loop(a) {
    console.log(a.name);                                   // process you data
    Array.isArray(a.children) && a.children.forEach(loop); // check and iterate children
}

var data = [{ "yang_type": "container", "name": "c1", "value": "", "children": [{ "yang_type": "", "name": "type", "value": "Uint32", "children": [] }, { "yang_type": "list", "name": "DNS", "value": "", "children": [{ "name": "type", "value": "String", "children": [], "yang_type": "" }, { "yang_type": "leaf", "name": "ip-address", "value": "", "children": [{ "name": "type", "value": "string", "children": [], "yang_type": "" }] }, { "yang_type": "leaf", "name": "Domain", "value": "", "children": [{ "name": "type", "value": "string", "children": [], "yang_type": "" }] }] }] }];

data.forEach(loop);

使用缩进输出编辑。

function loop(level) {
    return function (a) {
        var i = level, s = '';
        while (i--) {
            s += '  ';
        }
        if (level) {
            s += '*';
        }
        a.yang_type ? 
            console.log(s + a.yang_type + ' ' + a.name) :
            console.log(s + a.name + ' ' + a.value);
        Array.isArray(a.children) && a.children.forEach(loop(level + 1));
    }
}

var data = [{ "yang_type": "container", "name": "c1", "value": "", "children": [{ "yang_type": "", "name": "type", "value": "Uint32", "children": [] }, { "yang_type": "list", "name": "DNS", "value": "", "children": [{ "name": "type", "value": "String", "children": [], "yang_type": "" }, { "yang_type": "leaf", "name": "ip-address", "value": "", "children": [{ "name": "type", "value": "string", "children": [], "yang_type": "" }] }, { "yang_type": "leaf", "name": "Domain", "value": "", "children": [{ "name": "type", "value": "string", "children": [], "yang_type": "" }] }] }] }];

data.forEach(loop(0));

【讨论】：