Iterating Array von Objekten in Javascript

Question

Ich habe ein Array, das die Objekte mit einem Schlüssel, Wert besteht, wie können wir jedes Objekt für caste und id iterieren.

[ 
    Object { 
     caste = "Banda", id = 4 
    }, 
    Object { 
     caste = "Bestha", id = 6 
    } 
] 

Answer 1

Mit jQuery.each():

var array = [ 
 
    {caste: "Banda", id: 4}, 
 
    {caste: "Bestha", id: 6} 
 
]; 
 
    
 
$.each(array, function(key, value) { 
 
    console.log('caste: ' + value.caste + ' | id: ' +value.id); 
 
} 
 

 
);

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

Answer 2

var array = [{caste: "Banda", id: 4}, {caste: "Bestha", id:6}]; 
var length = array.length; 
for (var i = 0; i < length; i++) { 
    var obj = array[i]; 
    var id = obj.id; 
    var caste = obj.caste; 
} 

Answer 3

Beispielcode:

var list = [ 
 
    { caste:"Banda",id:4}, 
 
    { caste:"Bestha",id:6}, 
 
]; 
 
    
 
for (var i=0; i<list.length; i++) { 
 
    console.log(list[i].caste); 
 
}

Es ist nur ein Array, so, iterieren es wie immer.

Answer 4

Verwendung jQuery.each:

$.each([your array of objects], function(index, value) { 
    // Do what you need, for example... 
    alert(index + ': ' + value); 
}); 

Answer 5

ein Array mit Sachen in jQuery $.each verwenden gefüllt iterieren, um ein Objekt iterieren für seine Eigenschaften verwenden for..in

Answer 6

Sie jquery verwenden können, um iterieren Durch alle Objekte möchte jQuery eine Callback-Funktion füllen, die jquery zurückrufen wird.

$.each(dataList, function(index, object) { 
    $.each(object,function(attribute, value){ 
     alert(attribute+': '+value); 
    }); 
}); 

Dokumentation: http://api.jquery.com/jQuery.each/

Answer 7

Im Klar JavaScript Der erste Eingangsparameter wird der Wert den Schlüssel und den zweiten Eingangsparameter gegeben werden Sie können dies tun:

var array = [{caste: "Banda", id: 4}, {caste: "Bestha", id:6}]; 

array.forEach(function(element, index) { 
    console.log(element.id+" "+element.caste); 
}); 

Die Callback-Funktion wird mit einem dritten Parameter aufgerufen, wobei das Array durchlaufen wird. Für lernen more!

So müssen Sie jQuery-Bibliothek nicht laden.

Grüße.

Answer 8

Die forEach-Schleife akzeptiert eine Iteratorfunktion und optional einen Wert, der beim Aufruf dieser Iteratorfunktion als "this" verwendet wird.

var donuts = [ 
    { type: "Jelly", cost: 1.22 }, 
    { type: "Chocolate", cost: 2.45 }, 
    { type: "Cider", cost: 1.59 }, 
    { type: "Boston Cream", cost: 5.99 } 
]; 

donuts.forEach(function(theDonut, index) { 
    console.log(theDonut.type + " donuts cost $"+ theDonut.cost+ " each"); 
}); 

Anschließend kann es auch bis zu dieser über die Anordnung von Objekten

var donuts = [ 
    { type: "Jelly", cost: 1.22 }, 
    { type: "Chocolate", cost: 2.45 }, 
    { type: "Cider", cost: 1.59 }, 
    { type: "Boston Cream", cost: 5.99 } 
]; 


function ShowResults(donuts) { 
    console.log(donuts.type + " donuts cost $"+ donuts.cost+ " each"); 
} 

donuts.forEach(ShowResults);