title: Create HTML table from JavaScript object
body: <p>I am a beginner of JavaScript and want to display an array of objects in HTML.</p>
  
  <p>The format of the data is like this:</p>
  
  <pre><code>[
    {"key":"apple","value":1.90},
    {"key":"berry","value":1.7},
    {"key":"banana","value":1.5},
    {"key":"cherry","value":1.2}
  ]
  </code></pre>
  
  <p>I want to use a list with three columns (id, name, relevance) to display them. And the id can increase from 1 automatically.</p>
  
  <p>Could anyone tell me how to write a javascript code to display it?</p>
  
  <p>Please give me some materials or examples to learn.</p>