用控制台调试javascript

用CONSOLE显示阵列。日志()

假设您构建了以下数组varlanguages=[{ name : ' JavaScript '，fileextension: '。js'}，{name:' typescript '，fileextension: '。ts'}，{name:' coffee script '，fileextension3360 '。咖啡

console.log(语言)；Console.log()显示了如下数组

这个演示对开发非常有用，但是我发现手动点击每个对象很麻烦。这时，我觉得console.table()很有意思。

用CONSOLE显示数组。表()

现在让我们试试console.table():

非常小。有树吗？

当然console.table()更适合，表格格式的数据显示更完美。如果每个数组元素都有不同的结构，那么表中的许多网格都是未定义的。

用CONSOLE显示对象。表()

console.table()的另一个特性是显示对象。

var languages={ csharp : { name : ' c# '，paradigm: '面向对象' }，fsharp: { name: 'F# '，paradigm: ' functional ' } }console.table(语言)；

合适。

CONSOLE的过滤功能。表()

如果要限制console.table()显示一列，可以在参数中传入关键字列表，如下所示：//多个属性键console。表(语言，['name '，' paradigm '])；

如果你想访问一个属性，一个参数就足够了。

//单个属性keyconsole.table(语言，‘name’)；我曾经认为我知道Chrome开发工具的大部分功能，但现在我显然错了。请查看骚年的Chrome开发工具文档。