怎样用js双层循环做出来？

  var obj = {'喜欢吃':['肉','烤肉','炖肉','红烧肉'],'喜欢玩':['galgame','纸片人','二次元','养成'],'讨厌':['说教','加班','没老婆']}
  for (var i in obj)
  {
	  document.write('<p><b>'+i+'：</b></p>')
	  for (var j=0;j<obj[i].length;j++)
	  {
		  document.write('<li>' + obj[i][j] + '</li>')
	  }
  }

样式之类的自行添加

let obj = {
   <span class="hljs-string">"吃"</span>:<span class="hljs-selector-attr">[1,2,3]</span>,
   <span class="hljs-string">"喝"</span>:<span class="hljs-selector-attr">[2,3,4]</span>
}

<span class="hljs-function"><span class="hljs-title">for</span><span class="hljs-params">(let arr in obj)</span></span> {
   <span class="hljs-comment">// 创建h1标签, 添加到document.body</span>
   <span class="hljs-keyword">for</span>(let num <span class="hljs-keyword">in</span> arr) {
     <span class="hljs-comment">// 创建ul标签, 添加到document.body</span>
   }
}

let obj = {
   <span class="hljs-string">"吃"</span>:<span class="hljs-selector-attr">[1,2,3]</span>,
   <span class="hljs-string">"喝"</span>:<span class="hljs-selector-attr">[2,3,4]</span>
}

<span class="hljs-function"><span class="hljs-title">for</span><span class="hljs-params">(let arr in obj)</span></span> {
   <span class="hljs-comment">// 创建h1标签, 添加到document.body</span>
   <span class="hljs-keyword">for</span>(let num <span class="hljs-keyword">in</span> arr) {
     <span class="hljs-comment">// 创建ul标签, 添加到document.body</span>
   }
}