【问题标题】:json array recursive loop in javascript [duplicate]javascript中的json数组递归循环[重复]
【发布时间】:2020-07-03 19:44:51
【问题描述】:

如何在javascript中递归循环json对象数据键。

请检查下面的 json 对象:

{
    "data":[
        {
            "label": "Test-1",
            "data": "Test-1",
            "updated_at": "2020-3-23",
            "created_at": "2020-3-19",
            "expanded": true,
            "children": [
                {
                    "label": "Test-1.1",
                    "data": "Test-1.1",
                    "updated_at": "2020-3-19",
                    "created_at": "2020-3-19",
                    "expanded": true,
                    "children": [
                        {
                            "label": "Test-1.1.1",
                            "updated_at": "2020-3-19",
                            "created_at": "2020-3-19",
                            "expanded": true,
                            "children": [
                                {
                                    "label": "Test-1.1.1.1",
                                    "data": "Test-1.1.1.1",
                                    "updated_at": "2020-3-19",
                                    "created_at": "2020-3-19",
                                    "expanded": true
                                }
                            ]
                        },
                        {
                            "label": "Test-1.1.2",
                            "data": "Test-1.1.2",
                            "updated_at": "2020-3-19",
                            "created_at": "2020-3-19",
                            "expanded": true
                        },
                        {
                            "label": "Test-1.1.3",
                            "data": "Test-1.1.3",
                            "updated_at": "2020-3-19",
                            "created_at": "2020-3-19",
                            "expanded": true
                        }
                    ]
                }
            ]
        },
        {
            "label": "Test-2",
            "data": "Test-2",
            "updated_at": "2020-3-19",
            "created_at": "2020-3-19",
            "expanded": true
        }
    ]
}

【问题讨论】:

  • 这个问题不清楚。

标签: javascript arrays json


【解决方案1】:

这是用于打印label 的示例recur

const items = {
  data: [
    {
      label: "Test-1",
      data: "Test-1",
      updated_at: "2020-3-23",
      created_at: "2020-3-19",
      expanded: true,
      children: [
        {
          label: "Test-1.1",
          data: "Test-1.1",
          updated_at: "2020-3-19",
          created_at: "2020-3-19",
          expanded: true,
          children: [
            {
              label: "Test-1.1.1",
              updated_at: "2020-3-19",
              created_at: "2020-3-19",
              expanded: true,
              children: [
                {
                  label: "Test-1.1.1.1",
                  data: "Test-1.1.1.1",
                  updated_at: "2020-3-19",
                  created_at: "2020-3-19",
                  expanded: true
                }
              ]
            },
            {
              label: "Test-1.1.2",
              data: "Test-1.1.2",
              updated_at: "2020-3-19",
              created_at: "2020-3-19",
              expanded: true
            },
            {
              label: "Test-1.1.3",
              data: "Test-1.1.3",
              updated_at: "2020-3-19",
              created_at: "2020-3-19",
              expanded: true
            }
          ]
        }
      ]
    },
    {
      label: "Test-2",
      data: "Test-2",
      updated_at: "2020-3-19",
      created_at: "2020-3-19",
      expanded: true
    }
  ]
};

const recur = arr => {
  arr.forEach(item => {
    console.log(item.label);
    if (item.children) {
      recur(item.children);
    }
  });
};

recur(items.data);

【讨论】:

    猜你喜欢
    • 2013-10-24
    • 2012-11-01
    • 2014-08-23
    • 2012-03-03
    • 2015-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多