Jquery über ein Array von Objekten iterieren

Question

Hallo Ich möchte ein Array von Objekten iterieren und sie in einer Tabelle rendern. Ich bin ziemlich neu zu diesem so im kämpfen, um über jedes innere Objekt zu iterieren. Jede Hilfe wird geschätzt. Hier ist mein Array von Objekten: Ich kann eine Länge des gesamten Arrays, aber nicht die Länge jedes Objekts (Endprodukt) erhalten. Würde ich über das gesamte Array und dann noch eine Schleife für jedes Objekt durchlaufen? Wie bekomme ich die Länge dieses Objekts innerhalb des Arrays und sollte ich eine for-Schleife oder für jede Schleife verwenden? vielen dank.

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

Answer 1

Wenn Sie whant JQuery zu verwenden, können Sie $.each Funktion

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>

Answer 2

Dank verwenden. Ich musste meine ursprüngliche Datenstruktur beibehalten und diese For-Schleifen verwenden, schaffte es, es zur Arbeit zu bringen.

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