Почему появляется запятая?

Question

[Айдар Иванов]

https://codepen.io/aidar9500/pen/XvPjGM

const goods = [
    { title: 'Shirt', price: 150 },
    { title: 'Socks', price: 50 },
    { title: 'Jacket', price: 350 },
    { title: 'Shoes', price: 250 }
];

const renderGoodsItem = (title, price) => {
    return `<div class="goods-item"><h3>${title}</h3><p>${price}</p></div>`;
};

const renderGoodsList = (list) => {
    let goodsList = list.map(item => renderGoodsItem(item.title, item.price));
    document.querySelector('.goods-list').innerHTML = goodsList;
}

renderGoodsList(goods);

Answer 1

[Антон Спирин]

Потому что массив приводится к строке:
console.log([1,2,3]); // 1,2,3

Array.prototype.toString()

Comments

[Айдар Иванов]

спасибо

Answer 2

[Stockholm Syndrome]

document.querySelector('.goods-list').innerHTML = goodsList.join('');

Comments

[Айдар Иванов]

благодарю