I need to store bootstrap 4 card data in javascript.Not for a sing card but six with the help of loops.I think accessing an item using indexes is old

I have six a bootstrap4 card which are assigned same class name.When accessing the card information such as card title it returns an array of objects for the six card, the same occurs when am accessing the card body.My aim is to be able to individual title,and body for that specific card.But then I need to be able to do this for the six cards without having to repeat the code. ie I need to do this with help of loops.I have a empty array to store individual card data