JavaScript console.table() 方法

实例

在控制台中编写一个表格:

<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<p>如果表格不可见，请尝试刷新页面。</p>
<script>
console.table(["Audi", "Volvo", "Ford"]);
</script>
<p><strong>提示:</strong> 可以通过单击列名对表进行排序。</p>
</body>
</html>

运行一下

定义与用法

console.table() 方法在控制台视图中写入一个表格。

第一个参数是必需的，必须是对象或数组，其中包含填充表的数据。

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

浏览器支持

表中的数字指定完全支持该方法的第一个浏览器版本。

方法
console.table()	Yes	12	34	Yes	Yes

语法

  console.table(tabledata, tablecolumns)

参数值

参数	类型	描述
tabledata	对象或数组	必填。要填充表格的数据
tablecolumns	Array	可选。包含要包含在表中的列的名称的数组

更多实例

实例

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

<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<p>如果表格不可见，请尝试刷新页面。</p>
<script>
console.table({ firstname : "John", lastname : "Doe" });
</script>
<p>此示例演示如何使用对象作为数据参数。</p>
</body>
</html>

运行一下

实例

使用对象数组:

<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<p>如果表格不可见，请尝试刷新页面。</p>
<script>
var car1 = { name : "Audi", model : "A4" }
var car2 = { name : "Volvo", model : "XC90" }
var car3 = { name : "Ford", model : "Fusion" }
console.table([car1, car2, car3]);
</script>
<p>此示例演示了 console.table() 方法，并将对象数组作为第一个参数。</p>
</body>
</html>

运行一下

实例

指定我们只希望在表中包含的 "model" 列:

<!DOCTYPE html>
<html>
<body>
<p>按键盘上的 F12 键可在 console 控制台中查看消息。</p>
<p>如果表格不可见，请尝试刷新页面。</p>
<script>
var car1 = { name : "Audi", model : "A4" }
var car2 = { name : "Volvo", model : "XC90" }
var car3 = { name : "Ford", model : "Fusion" }
console.table([car1, car2, car3], ["model"]);
</script>
<p>此示例演示如何使用第二个参数命名要包含在表中的列。</p>
</body>
</html>

运行一下

JavaScript console.table() 方法

实例

定义与用法

浏览器支持

语法

参数值

更多实例

实例

实例

实例

分类导航