create an html table from a javascript object

gistfile1.txt

var obj = [{
    "key": "apple",
    "value": 1.90,
    "category": ["food", "fruit"],
    "nutrition": {
      "calories": 10
    }
}, {
    "key": "berry",
    "value": 1.7
}, {
    "key": "banana",
    "value": 1.5
}, {
    "key": "cherry",
    "value": 1.2
}];

var keys = [];
var values = [];

obj.forEach(function(o, i){
  values[i] = [];
  Object.keys(o).forEach(function(k) {
    if(keys.indexOf(k) <= -1) { keys.push(k) };
    values[i].push(JSON.stringify(o[k]));
  });
});

console.log(`
  <table>
      <thead>
        ${keys.map(function(k) {
          return (`<th>${k}</th>`);
        }).join('')}
      </thead>
      <tbody>
        ${values.map((v) => {
          return (`
            <tr>
              ${v.map(function(r) {
                return (`<td>${r}</td>`)
              }).join('')}
            </tr>
          `);
        }).join('')}
      </tbody>
  </table>
`)