How to display a large number of products from an array using pure js?

Question

JavaScript

I have an example of a js array that I display on an html page, how can I display 100 such products where only the name will change only in pure js, for example, sofa1, sofa2, etc.?

var goods = {
  'item1': { 
    id: 1,
    name: 'диван',
    description: 'тут описание',
    price: 30,
  }
};
var out ='';
for (var key in goods){
  out += 'Название: ' + goods[key].name+ '<br/>';
  out += 'Описание: ' + goods[key].description+ '<br/>';
  out += 'Цена: ' + goods[key].price+ '<br/>';
  out += '<hr>';
}
document.getElementById('outGoods').innerHTML = out;

<div id="outGoods"></div>

Answer 1

var goods = {};

const numberOfGoods = 100;
for (let i = 0; i < numberOfGoods; i++) {
 goods[`item${i}`] = {
    id: i,
    name: `диван №${i}`,
    description: `тут описание дивана №${i}`,
    price: Math.round(Math.random() * 200 + 1000), // цены рандомно от 1000 до 1200
 }
}

var out ='';
for (var key in goods){
  out += 'Название: ' + goods[key].name+ '<br/>';
  out += 'Описание: ' + goods[key].description+ '<br/>';
  out += 'Есть на складе: ' + goods[key].price+ '<br/>'; // почему вдруг "pirce" = "есть на складе" ¯\_ツ_/¯
  out += '<hr>';
}
document.getElementById('outGoods').innerHTML = out;