json array recursive loop in javascript

Question

how to recursive loop for json object data key in javascript.

Please check below json object:

{
    "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
        }
    ]
}

This question is unclear. – Jasper Kent Mar 23 '20 at 10:44 — Jasper Kent, Mar 23 '20 at 10:44

score 1 · Accepted Answer · answered Mar 23 '20 at 10:52

Here is sample recur function to print label.

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

json array recursive loop in javascript

1 Answers1