个人中心
gpt4 book ai didi

用console.table()调试javascript

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章用console.table()调试javascript由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

用CONSOLE.LOG()展示数组 。

想象下你构造了如下数组 var languages = [ { name: "JavaScript", fileExtension: ".js" }, { name: "TypeScript", fileExtension: ".ts" }, { name: "CoffeeScript", fileExtension: ".coffee" } ],

console.log(languages);

console.log() 会这样展示数组 。

用console.table()调试javascript

这样的展示形式对于开发很有用，但是我发现这样还要手动去点每个Object有些笨重。这时候我觉得console.table()有点意思.

用CONSOLE.TABLE()展示数组 。

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

用console.table()调试javascript

非常小巧有木有?

当然，console.table()更适合，扁平 列成表格式的数据，展现的更完美，否组你在 如果每个数组元素都是不同结构，你的表格很多格子都是 undefined.

用CONSOLE.TABLE() 展示object 。

console.table()另一个特性就是展示 object.

var languages = {csharp: { name: "C#", paradigm: "object-oriented" },fsharp: { name: "F#", paradigm: "functional" }};
console.table(languages);

用console.table()调试javascript

妥妥的.

CONSOLE.TABLE() 的过滤功能 。

如果你想限制console.table()显示某一列， 你可以在在参数中传入关键字列表 如下： // Multiple property keys console.table(languages, ["name", "paradigm"]),

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

// A single property keyconsole.table(languages, "name");

我曾经以为我已经了解了 Chrome 开发者工具绝大部分的功能，但是现在显然我错了， 骚年没事去看看Chrome DevTools文档吧！ 。

最后此篇关于用console.table()调试javascript的文章就讲到这里了,如果你想了解更多关于用console.table()调试javascript的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

27 4 0
文章推荐： nodejs npm package.json中文文档
文章推荐： 2020手绘女生头像可爱呆萌 qq手绘女头像卡通版
文章推荐： 抖音头像女生可爱精致 高颜值可爱女头像
文章推荐： linux中查询dns示例