javascript - 浏览器中是否有相当于 `console.table` 的内容？

Question

console.table正是我需要它做的。但我希望在浏览器中输出该表。我该怎么做？

我已经尝试了一些其他的解决方案，但都不起作用，因为:

1. 他们需要一组对象。
2. 列不是动态确定的(即我的对象并非都具有 Prop )。

我的对象看起来像这样:

{
  source0: {target0: 2, target1: 2, target2: 1},
  source1: {target1: 3},
  /*...*/
}

Answer 1

这是一个解决方案，有两次迭代，第一次找到列，第二次构建表:

var s = {
  source0: {target0: 2, target1: 2, target2: 1},
  source1: {target1: 3},
}

var cols = [];
for (var k in s) {
  for (var c in s[k]) {
    if (cols.indexOf(c)===-1) cols.push(c);
  }
}
var html = '<table><tr>'+
    cols.map(function(c){ return '<th>'+c+'</th>' }).join('')+
    '</tr>';
for (var l in s) {
  html += '<tr>'+
      cols.map(function(c){ return '<td>'+(s[l][c]||'')+'</td>' }).join('')+
      '</tr>';
}
html += '</table>';

demonstration

当然，您必须根据自己的具体需要对其进行定制。 For example if you want to have the keys of the properties .