Javascript 如何避免这种代码重复？我想重复同样的代码25次

我不想在“getElementById”、“carregaItem（iVid）”和“

”部分重复相同的代码25次。为了简单起见，BDVYT数组有25个元素，我刚才放了2个。一定有办法做到，但我不能做到

var BDVYT=[{durac:27}，{durac:23}，]；
refItem=document.getElementById（“项”）；
refItem2=document.getElementById（“item2”）；
函数inic（）{
mostraItem（）；
}
函数mostraItem（）{
项目（0）；
第1（1）项；
//-----------
//直到第24（24）条
}
功能项目（iVid）{
var codHTML=“”；
codHTML+=''；
codHTML+='duração:'+duracVid（iVid）+'minutos'；
codHTML+=''；
refItem.innerHTML=codHTML；
}
功能项目1（iVid）{
var codHTML=“”；
codHTML+=''；
codHTML+='duração:'+duracVid（iVid）+'minutos'；
codHTML+=''；
refItem2.innerHTML=codHTML；
}
//直到第24项（iVid）
函数duracVid（iVid）{
返回BDVYT[iVid].durac；
}

---

将类用于

重新编译对象，在迭代它们的集合时，使用正在迭代的索引查找
BDVYT
数组中的关联元素


var BDVYT=[{durac:27}，{durac:23}，]；
const=document.queryselectoral（'.item'）；
重新安装EMS.forEach（（项目，i）=>{
item.innerHTML=`
杜拉ção:${BDVYT[i].durac}minutos
`;
});
不要使用24个ID，而是使用一个类。这就是类的用途：）
“
，使用
querySelectorAll（'.itemInfo'）
选择所有类，循环搜索结果等。