I have this array of objects below and i want to iterate with $.each and get the type and description
Object[
Object {
advert_id=7,
type="entipo",
description="magazine"
},
Object {
advert_id=8,
type="tv",
description="commercials"
}
]
Let's assume it was assigned to variable MyObject. This should do it:
$.each(MyObject, function(index){
console.log(MyObject[index].type);
console.log(MyObject[index].description);
});
The above is rather tedious. Another way you could do it would be as follows:
$.each(MyObject, function(index, obj){
console.log(obj.type);
console.log(MyObject[index].description);
});
And finally, as follows:
$.each(MyObject, function(){
console.log(this.type);
console.log(this.description);
});
Of course you would replace console.log() with whatever it is you want to do with the values.
You may be wondering why you don't JUST use this? You may of course just use the approach that implements this, but the benefit of using one that has the index and the object in, is that you may need to programmatically do something with the index position of the object, in which case you have it easily accessible to you. That's not to say you could not easily get it when using only the this approach, but it makes life that much easier.
function(obj) obj is the index
this instead of objthis simply references the current object in the loop as it iterates over all the objects. It's like looking through a stack of books and saying "I like THIS one, let me see how many pages THIS one has"index and obj as this follows the key => value notion, which is generally what arrays and objects consists of in the simplest form. Note, and array IS an object, I just decouple them as people often don't see them as being the same sort of thing. Each entry in the object has a key (or index) and the value in your case will be an object at each key. Hope that makes sense.Another way:
$(yourArray).each(function(){
console.log(this.type);
console.log(this.description);
);
$.fn.each on none jq array like object$(yourArray). Its same as this $.each(yourArray,function(){}). Same thing, different syntax.