Loop through nested json object without knowing the names of a specific layer

Question

Is it possible to loop through this nested object, when you don't know how many views ("A", "B", "C"...) this object has? I use currently a alphabetic index, but I heard now the "view layer" can also have different names, so I cant use my current idea, I have to loop through this object without knowing the names of "A", "B", "C" layer. Is there a way?

My current code

loopThroughObject()
{
   let alphabet = ["A", "B", "C"];
   let index = 0;

   this.all_tables.views.forEach(views => {

      views[alphabet[index]].forEach(view => {

         view.positionen.forEach(position=> {
           alert( position.field1);
         });

      });

      index++;
});
}

Nested JSON Object

 all_tables = {  
   "views":[  
      {  
         "A":[  
            {  
               "id":"",
               "username":"",
               "status":"",
               "location":"",
               "positionen":[  
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  }
               ]
            },
            {  
               "id":"",
               "username":"",
               "status":"",
               "location":"",
               "positionen":[  
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  }
               ]
            }
         ],
         "B":[  
            {  
               "id":"",
               "username":"",
               "status":"",
               "location":"",
               "positionen":[  
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  }
               ]
            },
            {  
               "id":"",
               "username":"",
               "status":"",
               "location":"",
               "positionen":[  
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  }
               ]
            }
         ],
         "C":[  
            {  
               "id":"",
               "username":"",
               "status":"",
               "location":"",
               "positionen":[  
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  }
               ]
            },
            {  
               "id":"",
               "username":"",
               "status":"",
               "location":"",
               "positionen":[  
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  },
                  {  
                     "field1":"",
                     "field2":"",
                     "field3":""
                  }
               ]
            }
         ]
      }
   ]
}

is that even possible? :(

FanaticTyp
– FanaticTyp

2019-06-20 07:16:51 +00:00
Commented Jun 20, 2019 at 7:16 — FanaticTyp
– FanaticTyp, Commented Jun 20, 2019 at 7:16

Cerberus · Accepted Answer · 2019-06-20 07:25:52Z

2

There's several Object methods for this: Object.keys (since ES5), Object.values (since ES2017), Object.entries (still experimental). For the most general approach, you could use the first one:

function loopThroughObject() {
  this.all_tables.views.forEach(views => {

    Object.keys(views).forEach(key => {
      let view = views[key];

      view.positionen.forEach(position => {
        alert(position.field1);
      });

    });
  });
}

answered Jun 20, 2019 at 7:25

Cerberus

10.7k1 gold badge35 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

FanaticTyp Over a year ago

Awesome, I have used exactly ur example :)

Harun Yilmaz · Accepted Answer · 2019-06-20 07:31:17Z

1

I think your JSON structure is not totally correct.

First, the views property is array but it has 1 item in it and the only item of it is object that has view items. I think it should be an object in the first place since JavaScript does not have any associative array type.

"views": {  
         "A":[ .. ],
         "B":[ .. ],
         ...
}

Then you can iterate with Object methods like Object.keys() or Object.values() or Object.entries() etc.

Object.values(this.all_tables.views).forEach(viewGroup => {

     viewGroup.forEach(view => {

         view.positionen.forEach(position=> {
           alert( position.field1);
         });
     });
});

For further reading:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object#Methods_of_the_Object_constructor

answered Jun 20, 2019 at 7:31

Harun Yilmaz

8,5893 gold badges30 silver badges41 bronze badges

1 Comment

FanaticTyp Over a year ago

Thanks, you are right the json structure was indeed not correctly. I thought I need them as "array".

Harun Yilmaz · Accepted Answer · 2019-06-20 08:29:37Z

0

You can use following code

function loopThroughObject()
{
    let index = 0;
    this.all_tables.views.forEach(views => {
       for (var key in views) {
           views[key].forEach(view => {
               view.positionen.forEach(position=> {
                   alert( position.field1);
               });
           });
       }
       index++;
   });
}

edited Jun 20, 2019 at 8:29

Harun Yilmaz

8,5893 gold badges30 silver badges41 bronze badges

answered Jun 20, 2019 at 7:35

Vishal

1081 silver badge9 bronze badges

1 Comment

FanaticTyp Over a year ago

Thanks, thats a way without using the modern technics ;)

Collectives™ on Stack Overflow

Loop through nested json object without knowing the names of a specific layer

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related