Javascript 如何将数组属性写入DOM元素数组

我正在尝试将产品列表添加到HTML页面。我试图用对象映射数组，并将它们的属性分配给HTML元素数组。我不知道该怎么想

const productList=[{
照片：“../images/products/pizza/dsc8740-002-pitssa-4-syra.jpg”，
标题：“4аа”，
描述：[
“更多”，
“说明”
],
价格：125，
体重：520，
}, {
照片：“../images/products/pizza/dhzbdqwzzgtsyudncczvqjohhfqh9cs.jpg”，
标题：“一些标题”，
说明：[
“一些”，
“说明”
],
价格：140，
重量：850，
}]
const products=document.querySelectorAll（“.product”）
const productItems=productList.map（元素=>{
//请帮忙
})

产品名称
产品描述
100-
产品名称
产品描述
100-

试试这个

函数加载产品（）{
常量产品列表=[
{
照片：“../images/products/pizza/dsc8740-002-pitssa-4-syra.jpg”，
标题：“4ааа”，
说明：[“更多”，“说明”]，
价格：125，
体重：520
},
{
照片:
“./images/products/pizza/dhzbdqwzzgtsyudncczvqjhfqh9cs.jpg”，
标题：“一些标题”，
描述：[“一些”，“描述”]，
价格：140，
体重：850
}
];
const productItems=productList.map（元素=>{
设elem=document.createElement（“div”）；
要素集合属性（“类”、“产品”）；
让productItem=`
${element.title}
${element.description.join（“”}
${element.price}
`;
elem.innerHTML=productItem；
返回元素；
});
让容器=document.querySelector（“.productlist”）；
for（productItems的常数乘积）{
容器。附加（产品）；
}
}
loadProducts（）