Jquery iterate over an array of Objects

Question

hello I want to iterate an array of objects and render them in a table. I'm pretty new to this so im struggling to iterate over each inner object. Any help appreciated. Here is my array of objects: I can get a length of the whole array but not the length of each object(final Product). Would I iterate over the whole array and then another loop for each object inside? How do i get the length of this object inside the array and should i use a for loop or for each loop? many thanks.

var output = [finalProduct { DeviceName="gkorosi-lt2",  Product="Photoshop CC",  Status="Active"},
          finalProduct { DeviceName="gkorosi-lt3",  Product="Illustrator CC",  Status="Active"}];

Guruprasad J Rao · Accepted Answer · 2017-03-16 05:54:30Z

1

If you whant to use JQuery, you can use $.each function

var output = [{
    finalProduct: {
      DeviceName: "gkorosi-lt2",
      Product: "Photoshop CC",
      Status: "Active"
    }
  },
  {
    finalProduct: {
      DeviceName: "gkorosi-lt3",
      Product: "Illustrator CC",
      Status: "Active"
    }
  }
];

$.each(output, function(key, value) {
  $("body").append("<div>" + value.finalProduct.DeviceName + "</div>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Mar 16, 2017 at 5:54

Guruprasad J Rao

29.7k16 gold badges113 silver badges212 bronze badges

answered Mar 16, 2017 at 5:53

kb0

1,1531 gold badge8 silver badges13 bronze badges

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

Comments

Chris · Accepted Answer · 2017-03-21 05:55:04Z

0

Thanks. I had to keep my original data structure and using these For loops, I managed to get it to work.

for (var i = 0; i < output.length; i++){
  $(".trbody").append("<td>"+ output[i].DeviceName.toUpperCase() + "</td>");
    //etc
}

answered Mar 21, 2017 at 5:55

Chris

11 silver badge1 bronze badge

Collectives™ on Stack Overflow

Jquery iterate over an array of Objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related