Write a loop and iterate each children element using js

Question

I have an object below. I need to write a for loop which iterates every children and display ID.

I used underscore library but didn't found solution

   *[  
   {  
      Id:1,
      Name:"Test",
      children:[  
         {  
            Id:11,
            Name:"Test",
            children:[  
               {  
                  Id:113,
                  Name:"Test",
                  children:[  

                  ]
               },
               {  
                  Id:114,
                  Name:"Test",
                  children:[  

                  ]
               }
            ]
         },
         {  
            Id:12,
            Name:"Test",
            children:[  

            ]
         },
         {  
            Id:13,
            Name:"Test",
            children:[  
               {  
                  Id:115,
                  Name:"Test",
                  children:[  
                     {  
                        Id:1111,
                        Name:"Test",
                        children:[  

                        ]
                     }
                  ]
               }
            ]
         },
         {  
            Id:14,
            Name:"Test",
            children:[  

            ]
         }
      ]
   }   {  
      Id:2,
      Name:"Test",
      children:[  

      ]
   }
]*

Please show the actual code which you tried. We can help you fix that. — thefourtheye
– thefourtheye, Commented Jan 17, 2018 at 6:30

Faly · Accepted Answer · 2018-01-17 06:34:10Z

4

You can do it resursively:

var items= [  
   {  
      Id:1,
      Name:"Test",
      children:[  
         {  
            Id:11,
            Name:"Test",
            children:[  
               {  
                  Id:113,
                  Name:"Test",
                  children:[  

                  ]
               },
               {  
                  Id:114,
                  Name:"Test",
                  children:[  

                  ]
               }
            ]
         },
         {  
            Id:12,
            Name:"Test",
            children:[  

            ]
         },
         {  
            Id:13,
            Name:"Test",
            children:[  
               {  
                  Id:115,
                  Name:"Test",
                  children:[  
                     {  
                        Id:1111,
                        Name:"Test",
                        children:[  

                        ]
                     }
                  ]
               }
            ]
         },
         {  
            Id:14,
            Name:"Test",
            children:[  

            ]
         }
      ]
   },   {  
      Id:2,
      Name:"Test",
      children:[  

      ]
   }
];

displayIds(items);

function displayIds(datas) {
  datas.forEach(function(data) {
    console.log(data.Id);
    if (data.children) {
      displayIds(data.children);
    }
  });
}

edited Jan 17, 2018 at 6:34

answered Jan 17, 2018 at 6:32

Faly

13.4k2 gold badges21 silver badges39 bronze badges

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

2 Comments

Kartheek Sarabu Over a year ago

I need code in JS 5. Currently my application works in ECMA 5

Kartheek Sarabu Over a year ago

could you please tell how to find parent object. i.e. if I have 115 I need to know the parent of it

Lalit · Accepted Answer · 2018-01-17 06:36:05Z

var data = [  
   {  
      Id:1,
      Name:"Test",
      children:[  
         {  
            Id:11,
            Name:"Test",
            children:[  
               {  
                  Id:113,
                  Name:"Test",
                  children:[  

                  ]
               },
               {  
                  Id:114,
                  Name:"Test",
                  children:[  

                  ]
               }
            ]
         },
         {  
            Id:12,
            Name:"Test",
            children:[  

            ]
         },
         {  
            Id:13,
            Name:"Test",
            children:[  
               {  
                  Id:115,
                  Name:"Test",
                  children:[  
                     {  
                        Id:1111,
                        Name:"Test",
                        children:[  

                        ]
                     }
                  ]
               }
            ]
         },
         {  
            Id:14,
            Name:"Test",
            children:[  

            ]
         }
      ]
   },
   {  
      Id:2,
      Name:"Test",
      children:[  

      ]
   }
];

showId(data);

function showId(data){
  for(var i = 0; i < data.length; i++){
  console.log(data[i].Id);
  if(data[i].children.length > 0){
    showId(data[i].children);
  }
}
}

Aswin Ramesh · Accepted Answer · 2018-01-17 06:35:38Z

You can use recursive for this like

var obj = [  
   {  
      Id:1,
      Name:"Test",
      children:[  
         {  
            Id:11,
            Name:"Test",
            children:[  
               {  
                  Id:113,
                  Name:"Test",
                  children:[  

                  ]
               },
               {  
                  Id:114,
                  Name:"Test",
                  children:[  

                  ]
               }
            ]
         },
         {  
            Id:12,
            Name:"Test",
            children:[  

            ]
         },
         {  
            Id:13,
            Name:"Test",
            children:[  
               {  
                  Id:115,
                  Name:"Test",
                  children:[  
                     {  
                        Id:1111,
                        Name:"Test",
                        children:[  

                        ]
                     }
                  ]
               }
            ]
         },
         {  
            Id:14,
            Name:"Test",
            children:[  

            ]
         }
      ]
   },   {  
      Id:2,
      Name:"Test",
      children:[  

      ]
   }
]

function showIds(obj, i=0) {
  if(!obj[i]) return
  console.log(obj[i].Id);
  showIds(obj, i+1)
  if(obj[i].children) showIds(obj[i].children);
}

showIds(obj)

Collectives™ on Stack Overflow

Write a loop and iterate each children element using js

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related