Javascript将产品信息作为对象推送到空数组

Question

我有一系列产品希望将所有产品信息作为对象添加到空数组中。

var data = {
"Vegetables": [
   {
    "id": "1",
    "title": "Peas",
    "type": "Green",
},
  {
    "id": "2",
    "title": "Carrots",
    "type": "root",
  }
],

  "Protein": [
    {
    "id": "3",
    "title": "Steak",
    "type": "Meat",
},
  {
    "id": "4",
    "title": "Eggs",
    "type": "Dairy"
  }

]}

我可以使用以下内容将标题推送到空结果数组：

function getCategory() {
result = [];
  for (let item in data) {
   data[item].forEach(v => result.push(v.title));
  }
 document.write(result);
}
getCategory();

但我希望能够将所有产品信息作为对象推送，以便我可以进行一些格式化。例如：

    var myObj= "" ;
    myObj = "<div class='box'>" + title +"<br> "+ type + "</div>"; 
    result.push(myObj);  // push it to result[]

我不确定如何调整for循环的主体来容纳我的对象：

data[item].forEach(v => result.push(v.title + v.type)); // needs to be pushed as object.

任何帮助表示感谢。

干杯