как поместить массив в конкретный div

let dataObject = JSON.parse(xhr.responseText); 
let menu = document.getElementsByClassName('menu'); 
dataObject.forEach(function(item, i, arr) { 
  menu.innerHTML += '<li>' + item + '</li>'; 
}); 
 
// вариант побыстрее 
let dataObject = JSON.parse(xhr.responseText); 
let menu = document.getElementsByClassName('menu'); 
dataObject.forEach(item => { 
  let li = document.createElement("li"); 
  li.innerHTML = item; 
  menu.appendChild(li); 
});

let dataObject = [ 
  { 
    "data": [ 
      { 
        "name": "foo" 
      }, 
      { 
        "name": "baz" 
      } 
    ] 
  } 
] 
 
let menu = document.querySelector("ul.menu"); 
 
dataObject[0].data.map(item => { 
  let li = document.createElement("li"); 
  li.innerHTML = item.name; 
  menu.appendChild(li); 
});

<ul class="menu"></ul>