JavaScript HTML DOM console.table() 方法

• 

  HTML DOM console.table() 方法

  console.table()方法在控制台视图中写入表。第一个参数是必需的，并且必须是包含填充表的数据的对象或数组。

  提示：测试控制台方法时，请确保控制台视图可见（按F12查看控制台）。

  实例：

  在控制台中写一个表：

  console.table(["Audi", "Volvo", "Ford"]);
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  console.table()	12.0+	支持	34.0+	支持	支持

• 

  语法

  console.table(tabledata, tablecolumns)
• 

  参数值

  参数	类型	描述
  tabledata	Array 或者 Object	必需的。填写表格的数据
  tablecolumns	Array	可选的。 一个数组，包含要包含在表中的列的名称

• 

  更多例子

  使用对象作为第一个参数：

  console.table({ firstname : "John", lastname : "Doe" });
  

  尝试一下

  使用对象数组：

  var car1 = { name : "Audi", model : "A4" }
  var car2 = { name : "Volvo", model : "XC90" }
  var car3 = { name : "Ford", model : "Fusion" }
  
  console.table([car1, car2, car3]);
  

  尝试一下

  指定我们只想在表中包含“model”列：

  var car1 = { name : "Audi", model : "A4" }
  var car2 = { name : "Volvo", model : "XC90" }
  var car3 = { name : "Ford", model : "Fusion" }
  
  console.table([car1, car2, car3], ["model"]);
  

  尝试一下