Please how do one iterate over a array of object like using "for each" or "for in or is there another way
{
"cards": [
{
"des": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut diam ac felis placerat consequat in vitae justo. Curabitur porta et dolor ac. Morbi quis elementum ipsum",
"cardName": "Aenean nec sem vestibulum",
"imgSrc": "Layer1.png",
"id": 1
},
{
"des": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut diam ac felis placerat consequat in vitae justo. Curabitur porta et dolor ac. Morbi quis elementum ipsum",
"cardName": "Aenean nec sem vestibulum",
"imgSrc": "tom-jagger.jpg",
"id": 2
},
{
"des": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut diam ac felis placerat consequat in vitae justo. Curabitur porta et dolor ac. Morbi quis elementum ipsum",
"cardName": "Aenean nec sem vestibulum",
"imgSrc": "Layer3.png",
"id": 3
}
]
}
i need the output to be each object in the array Also lets say i want to do the iteration using the "id" parameter. how do i do this
You have a number of options availbe to you for iterating (looping) through data like this. The more common methods would be:
Iteration via Array#forEach()
:
data.cards.forEach(function(card) {
console.log(card);
});
Iteration via an iterator using the for-of
construct:
for(const card of data.cards) {
console.log(card);
};
Iteration via an iterator using the for-in
construct:
for(const key in data.cards) {
const value = data.cards[key];
console.log(value);
};
Here is a working snippet showing these in action:
var data = {
"cards": [
{
"des": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut diam ac felis placerat consequat in vitae justo. Curabitur porta et dolor ac. Morbi quis elementum ipsum",
"cardName": "Aenean nec sem vestibulum",
"imgSrc": "Layer1.png",
"id": 1
},
{
"des": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut diam ac felis placerat consequat in vitae justo. Curabitur porta et dolor ac. Morbi quis elementum ipsum",
"cardName": "Aenean nec sem vestibulum",
"imgSrc": "tom-jagger.jpg",
"id": 2
},
{
"des": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut diam ac felis placerat consequat in vitae justo. Curabitur porta et dolor ac. Morbi quis elementum ipsum",
"cardName": "Aenean nec sem vestibulum",
"imgSrc": "Layer3.png",
"id": 3
}
]
};
// Array.forEach method
data.cards.forEach(function(card) {
console.log(card);
});
// for-of loop
for(const card of data.cards) {
console.log(card);
};
// for-in loop
for(const key in data.cards) {
const value = data.cards[key];
console.log(value);
};
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments