你不知道的console的用法

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节点及对应属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。