如何循环遍历数组/关于点击事件目标的问题

Question

我正在添加到最喜欢的功能。如果我单击一个图标，该图标旁边的品种将被添加到喜欢数组中。我使用 renderLikes 函数使数组出现在屏幕上。然而，只有一个品种出现可能是因为 elements.favorite.innerHTML = '' 部分。如果我不写那部分，每次我单击一个图标时，整个数组都会继续添加到 DOM 树中。有什么方法可以使数组中的每个项目像

物品

项目 2

……？

另一个问题，如果我单击一个图标，有时它会向数组添加一个空元素。我如何防止这个问题？