javascript输出数据在控制台中console的常用方法（下）

6、dir()

使输出内容格式化更易读，而且也会输出一个对象的全部属性和方法。

        {
            let arr = [1,2,3];
            console.dir(arr);
            console.log(arr);

            let obj = {id:1, uname:'小明'};
            console.dir(obj);
            console.log(obj);

            let p = new Promise(()=>{})
            console.dir(p);
            console.log(p);
            
        }

console输出效果

 

7、 table()

打印数组对象，在控制台中会出现一个表格

  // 打印数组对象
            var table = [
                {name: "小猪佩奇", sex: "F"},
                {name: "小狗丹尼", sex: "M"},
                {name: "小猫坎迪", sex: "F"},
                {name: "小羊苏西", sex: "F"}
            ];
            // 打印数组对象，在控制台中会出现一个表格
            console.table(table)

console输出效果

 

8、 group()

分组输出，可嵌套

       {
        // 分组输出，可嵌套
        console.group('分组1');
        console.log('语文');
        console.log('数学');
        console.group('其他学科');
        console.log('化学');
        console.log('%c地理','color:blue;');
        console.log('%c历史','color:orange;');
        
       }

console输出效果

 

trace()

调试JavaScript程序时，使用console.trace()，不仅会打印函数调用栈信息，同时也会显示函数调用中各参数的值。