chrome调试工具之console

最新推荐文章于 2024-06-11 14:53:01 发布

ziyu529

最新推荐文章于 2024-06-11 14:53:01 发布

阅读量705

点赞数

分类专栏：每日一学

本文链接：https://blog.csdn.net/webdevelopgirl/article/details/19400593

版权

每日一学专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Console.table

var languages = [
    { name: "JavaScript", fileExtension: ".js" },
    { name: "TypeScript", fileExtension: ".ts" },
    { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.log(languages);

结果

[Object, Object, Object]

0: Object
1: Object
2: Object
length: 3
__proto__: Array[0]

[Object, Object, Object]

0: Object
1: Object
2: Object
length: 3
__proto__: Array[0]

var languages = [
    { name: "JavaScript", fileExtension: ".js" },
    { name: "TypeScript", fileExtension: ".ts" },
    { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);

结果如下

(index)	name	fileExtension

1	"TypeScript"	".ts"
0	"JavaScript"	".js"
2	"CoffeeScript"	".coffee"

而且name等列是可排序状态。

但是Console.table适用于tagle结构化的数据，如果是非格式的数据，多数单元格会出现undifined的值

Console.time()

支持Chrome 2, Firefox 10, Safari 4, and Internet Explorer 11.

var i, output = "";

// Remember when we started
var start = new Date().getTime();

for (i = 1; i <= 1e6; i++)//1e6=1000000
  output += i;

// Remember when we finished
var end = new Date().getTime();

// Now calculate and output the difference    
console.log(end - start);

可以替换成

var i, output = "";

// Start timing now
console.time("concatenation");

for (i = 1; i <= 1e6; i++)
    output += i;

// ... and stop.
console.timeEnd("concatenation");