O padrão que você vai usar para sempre

Juntando array de objetos + for...of: percorrer uma lista de produtos e usar os campos de cada um.

const produtos = [
  { nome: "Planta", preco: 25 },
  { nome: "Vaso", preco: 40 }
];

for (const p of produtos) {
  console.log(`${p.nome}: R$ ${p.preco}`);
}
// Planta: R$ 25
// Vaso: R$ 40

A cada volta, p é um objeto produto, e você lê p.nome e p.preco.

🎯 Este é o padrão de exibir dados na tela: pegar a lista da API/banco e percorrer com for...of (ou .map, no React) montando cada item. Você vai fazer isso milhares de vezes.