Как передать значение js объекта на html страницу?

Question

[Alisa94]

Я в файле js получаю массив с объектом, который мне нужно передать на html страницу, но не знаю как, пожалуйста подскажите, как это можно осуществить.
Вот объект, который у менять есть

0: {
building: ""
category: "Walls"
family: "Basic Wall"
level: ""
revitid: "281899"
room: ""
symbol: "Wall-Ext_102Bwk-75Ins-100LBlk-12P"
viewid: 3300
}
1: {
building: ""
category: "Walls"
family: "Basic Wall"
level: ""
revitid: "282264"
room: ""
symbol: "Wall-Ext_102Bwk-75Ins-250LBlk-12P 2"
viewid: 3304
}

А вот то место, куда нужно передавать.
<div id="differencesDiv"></div>

В результате я должен получить такой список в этом контейнере:

• • Model
    • Walls
      • Basic Wall
        • Wall-Ext_102Bwk-75Ins-100LBlk-12P
          • Basic Wall [281899]
          
          
        
        
      
      
    
    
  • Model
    • Walls
      • Basic Wall
        • Wall-Ext_102Bwk-75Ins-250LBlk-12P 2
          • Basic Wall [282264]
          
          
        
        
      
      
    
    

Очень надеюсь на вашу помощь.

Answer 1

[Сергей delphinpro]

Это массив, судя по ключам, можно использовать forEach
Но если все же это объект (ключи не порядковые)

let data = {...};
let html = '';
for (let k in data) {
  if (!data.hasOwnProperty(k)) continue;
  let item = data[k];
  html += '<ul>';
  html += '<li>'+item['category']+'</li>';
  html += '<li>'+item['symbol']+'</li>';
  // ...
  html += '</ul>';
}
document.getElementById('differencesDiv').innerHTML = html;

Comments

[Alisa94]

Вы правильно поняли, я забыл сказать, это массив.

[Alisa94]

Спасибо тебе добрый программист.