前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >console.table用法

console.table用法

作者头像
十月梦想
发布2018-08-29 11:34:34
4470
发布2018-08-29 11:34:34
举报
文章被收录于专栏:十月梦想十月梦想
代码语言:javascript
复制
var names=[
    {
        name:"张三",
        age:"18岁",
        job:"老师",
        add:"河南"
    },
    {
        name:"宋茜",
        age:"28岁",
        job:"秘书",
        add:"北京"
    },
    {
        name:"李莹莹",
        age:"24岁",
        job:"创业者",
        add:"西双版纳"
    },
    {
        name:"王振",
        age:"35岁",
        job:"程序员",
        add:"神舟"
    }
];
console.table(names);

    上述代码,想需要展现的数据以json方式写入数组,可以以table(表格方式展现),如下图方式展现效果

除了上述的表现方式使用console.table外,还有其他的原理其实差不多;

你也可以直接在console.table内输入要展现的数据

代码语言:javascript
复制
console.table([{
    phone:"小米7低配",
    RAM:"4GB",
    "存储":"64GB",
    price:"¥1999"
},
    {
        phone:"小米7标配",
        RAM:"6GB",
        "存储":"64GB",
        price:"¥2499"
    },
    {
        phone:"小米7高配",
        RAM:"8GB",
        "存储":"128GB",
        price:"¥2999"
    }]
);

效果图和上面类似

使用单个json数据展现的索引就是名字不是数字,代码和效果图如下

代码语言:javascript
复制
console.table({
    phone:"小米7高配",
    RAM:"8GB",
    "存储":"128GB",
    price:"¥2999"
})

图来啦

console.table()简单小知识get到了吗,相信你以后调试多了一种方式吧!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-5-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档