美文网首页前端必备
你不知道的console的用法

你不知道的console的用法

作者: CHH5431 | 来源:发表于2019-04-12 16:13 被阅读0次

1. console.log

对于需要查看多个变量的时候,我们可以使用 console.log({ })对象 的形式输出,方便查看;

  var a = "0";
  var b = "1";
  var c = "2";
  var d = "3";
  console.log({a,b,c,d})

效果图

console对象形式输出变量.png

2. console.table

对于数组的输出,为了方便我们查找定位字段,我们可以采用 console.table表格 的形式输出,方便我们查看数组中 对象的字段信息

    var nameArr = [{
            id: "001",
            name: "李斯",
            sex: "男"
        },
        {
            id: "002",
            name: "张良",
            sex: "男"
        },
        {
            id: "003",
            name: "盖聂",
            sex: "男"
        },
        {
            id: "004",
            name: "卫庄",
            sex: "男"
        },
        {
            id: "005",
            name: "白凤",
            sex: "男"
        }
    ]
console.table(nameArr)

效果图

console表格形式输出数组.png

3. console.dir

打印页面的 DOM节点及对应属性

相关文章

  • 你不知道的console的用法

    1. console.log 对于需要查看多个变量的时候,我们可以使用 console.log({ }) 以 对象...

  • console 用法

    %s 字符串%c css样式%f 浮点数%d %i 整数%o %O 对象 根据文字生成字符画:http://pat...

  • console的多彩用法

    https://www.cnblogs.com/foreverZ/p/console-time-and-other...

  • console有趣的用法

    实验看点 1.修改控制台输出内容样式2.重写控制台输出格式(追加出错日期)3.以表格的形式显示控制台输出内容4.如...

  • console 的用法你了解多少

    这篇文章主要是了解js 调试工具console 一、显示信息的命令 最常用的就是console.log了 二:占位...

  • 你不知道的console

    @拭目以待:首发于你不知道的console 在代码执行不如意的情况下,最常用的就是使用debuger 和 cons...

  • console的更多用法

    How to get the most out of the JavaScript console除了常用方法(l...

  • 总结console的几种用法

    输出信息分类 不止于console.log() 扩展一下,输出信息的一般有如下四个 你可以添加占位符,支持字符(%...

  • Javascript 中 console 的用法

    在调试 JS 代码时,很多人倾向于使用 alert() 或者 console.log() 方法来输出信息,正如某些...

  • JavaScript Console的常见用法

    信息输出 信息分组 树状结构 节点打印 条件为 false 时打印 统计函数执行次数 表格显示 原生支持类 jQu...

网友评论

    本文标题:你不知道的console的用法

    本文链接:https://www.haomeiwen.com/subject/ljgcwqtx.html